diff --git a/css/style.css b/css/style.css index 1e6098b3..4be5364a 100644 --- a/css/style.css +++ b/css/style.css @@ -227,6 +227,7 @@ header img { #profileModal .profile-switcher { @apply card flex flex-col gap-lg; padding: clamp(1.25rem, 2vw, 1.5rem); + border: 0.0625rem solid rgba(148, 163, 184, 0.28); background: linear-gradient( 145deg, rgba(15, 23, 42, 0.94), @@ -247,7 +248,8 @@ header img { } #profileModal .profile-card { - @apply card flex flex-col gap-3 p-4 text-text; + @apply card flex flex-col p-4 text-text; + gap: 0.85rem; border: 0.0625rem solid rgba(148, 163, 184, 0.24); background: rgba(15, 23, 42, 0.72); box-shadow: inset 0 1px 0 rgba(148, 163, 184, 0.08); @@ -281,7 +283,7 @@ header img { } #profileModal .profile-switcher__add { - @apply card flex items-center gap-4 text-left text-muted; + @apply card flex items-center gap-4 text-left; border: 0.125rem dashed rgba(148, 163, 184, 0.35); background: rgba(15, 23, 42, 0.55); border-radius: 1rem; @@ -290,6 +292,8 @@ header img { border-color 0.2s ease, background 0.2s ease, color 0.2s ease; + box-shadow: none; + color: rgba(226, 232, 240, 0.85); } #profileModal .profile-switcher__add:hover, @@ -298,15 +302,19 @@ header img { background: rgba(59, 130, 246, 0.18); color: var(--color-white); outline: none; + box-shadow: none; } #profileModal .profile-card__action { - @apply btn-ghost px-3 py-2 text-xs; + @apply btn-ghost; + padding: 0.3rem 0.8rem; border: 0.0625rem solid rgba(59, 130, 246, 0.4); background: rgba(59, 130, 246, 0.14); color: rgba(191, 219, 254, 0.95); letter-spacing: 0.18em; text-decoration: none; + border-radius: 9999px; + font-size: 0.65rem; } #profileModal .profile-card__action:hover,