Fix: buttons gap

This commit is contained in:
hyzen
2026-06-05 17:15:25 +05:30
parent 9e3794d584
commit 74fb5d0491
2 changed files with 422 additions and 424 deletions

View File

@@ -137,8 +137,6 @@
position: relative; position: relative;
} }
/* Auth links base */ /* Auth links base */
.auth-link { .auth-link {
display: inline-flex; display: inline-flex;
@@ -262,7 +260,7 @@
position: absolute; position: absolute;
bottom: 100%; bottom: 100%;
right: 0; right: 0;
margin-bottom: -0.297rem; margin-bottom: -0.2rem;
} }
.brand__auth-toggle, .brand__auth-toggle,
@@ -277,11 +275,8 @@
padding: 0 0.4rem; padding: 0 0.4rem;
height: 1.75rem !important; height: 1.75rem !important;
} }
} }
/* ── Subscribe dropdown ── */ /* ── Subscribe dropdown ── */
.rss-subscribe { .rss-subscribe {
position: relative; position: relative;
@@ -303,7 +298,10 @@
font-family: inherit; font-family: inherit;
line-height: 1.4; line-height: 1.4;
cursor: pointer; cursor: pointer;
transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; transition:
background-color 0.2s ease,
border-color 0.2s ease,
color 0.2s ease;
} }
.rss-subscribe__btn svg { .rss-subscribe__btn svg {
@@ -729,7 +727,10 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
gap: 0.6rem; gap: 0.6rem;
transition: background 0.18s ease, color 0.18s ease, transform 0.15s ease; transition:
background 0.18s ease,
color 0.18s ease,
transform 0.15s ease;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
} }
@@ -817,7 +818,7 @@
background: var(--background-color); background: var(--background-color);
border: 1px solid var(--background-color1); border: 1px solid var(--background-color1);
border-radius: 6px; border-radius: 6px;
box-shadow: 0 4px 16px rgba(0,0,0,0.18); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
min-width: 110px; min-width: 110px;
z-index: 100; z-index: 100;
overflow: hidden; overflow: hidden;
@@ -846,8 +847,6 @@
color: var(--foreground-color); color: var(--foreground-color);
} }
/* Reset native button styles + force subscribe-button dimensions on logged-in user button */ /* Reset native button styles + force subscribe-button dimensions on logged-in user button */
.brand__auth-user-btn { .brand__auth-user-btn {
-webkit-appearance: none !important; -webkit-appearance: none !important;

View File

@@ -137,8 +137,6 @@
position: relative; position: relative;
} }
/* Auth links base */ /* Auth links base */
.auth-link { .auth-link {
display: inline-flex; display: inline-flex;
@@ -262,7 +260,7 @@
position: absolute; position: absolute;
bottom: 100%; bottom: 100%;
right: 0; right: 0;
margin-bottom: -0.297rem; margin-bottom: -0.2rem;
} }
.brand__auth-toggle, .brand__auth-toggle,
@@ -277,11 +275,8 @@
padding: 0 0.4rem; padding: 0 0.4rem;
height: 1.75rem !important; height: 1.75rem !important;
} }
} }
/* ── Subscribe dropdown ── */ /* ── Subscribe dropdown ── */
.rss-subscribe { .rss-subscribe {
position: relative; position: relative;
@@ -303,7 +298,10 @@
font-family: inherit; font-family: inherit;
line-height: 1.4; line-height: 1.4;
cursor: pointer; cursor: pointer;
transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; transition:
background-color 0.2s ease,
border-color 0.2s ease,
color 0.2s ease;
} }
.rss-subscribe__btn svg { .rss-subscribe__btn svg {
@@ -729,7 +727,10 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
gap: 0.6rem; gap: 0.6rem;
transition: background 0.18s ease, color 0.18s ease, transform 0.15s ease; transition:
background 0.18s ease,
color 0.18s ease,
transform 0.15s ease;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
} }
@@ -817,7 +818,7 @@
background: var(--background-color); background: var(--background-color);
border: 1px solid var(--background-color1); border: 1px solid var(--background-color1);
border-radius: 6px; border-radius: 6px;
box-shadow: 0 4px 16px rgba(0,0,0,0.18); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
min-width: 110px; min-width: 110px;
z-index: 100; z-index: 100;
overflow: hidden; overflow: hidden;
@@ -846,8 +847,6 @@
color: var(--foreground-color); color: var(--foreground-color);
} }
/* Reset native button styles + force subscribe-button dimensions on logged-in user button */ /* Reset native button styles + force subscribe-button dimensions on logged-in user button */
.brand__auth-user-btn { .brand__auth-user-btn {
-webkit-appearance: none !important; -webkit-appearance: none !important;