From fd02464c5ed2b16cc4477153417530abbe61ede5 Mon Sep 17 00:00:00 2001 From: the1812 Date: Fri, 4 Apr 2025 11:49:08 +0800 Subject: [PATCH] Improve styles --- .../style/custom-navbar/games/GamesPopup.vue | 10 +++++++++- .../style/custom-navbar/manga/MangaPopup.vue | 14 +++++++++++--- 2 files changed, 20 insertions(+), 4 deletions(-) diff --git a/registry/lib/components/style/custom-navbar/games/GamesPopup.vue b/registry/lib/components/style/custom-navbar/games/GamesPopup.vue index 50e36efb6..26b09b28f 100644 --- a/registry/lib/components/style/custom-navbar/games/GamesPopup.vue +++ b/registry/lib/components/style/custom-navbar/games/GamesPopup.vue @@ -104,10 +104,12 @@ defineExpose({ .banner-game-card { position: relative; overflow: hidden; + background-color: #8882; @include v-stretch(); @include round-corner(); img { transition: transform 0.2s ease-out; + aspect-ratio: 15 / 8; } &:hover img { transform: scale(1.05); @@ -130,6 +132,11 @@ defineExpose({ min-width: 0; flex: 1; transition: color 0.2s ease-out; + img { + background-color: #8882; + border-radius: 16px; + aspect-ratio: 1 / 1; + } &:hover { color: var(--theme-color) !important; } @@ -150,9 +157,10 @@ defineExpose({ @include semi-bold(); } .list-game-cards { - @include v-stretch(8px); + @include v-stretch(); .list-game-card { @include single-line(); + padding: 4px 0; opacity: 0.6; transition: all 0.2s ease-out; &:hover { diff --git a/registry/lib/components/style/custom-navbar/manga/MangaPopup.vue b/registry/lib/components/style/custom-navbar/manga/MangaPopup.vue index 728853d43..69cfe5521 100644 --- a/registry/lib/components/style/custom-navbar/manga/MangaPopup.vue +++ b/registry/lib/components/style/custom-navbar/manga/MangaPopup.vue @@ -1,5 +1,6 @@