Qihan/MyBlog-Next
1
0
Fork 0
mirror of https://github.com/ChenQihan666/MyBlog-Next.git synced 2026-08-14 11:29:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

Adjust margin and padding of nav items

Browse Source
This commit is contained in:
Sat Naing
2022-09-12 18:40:50 +06:30
parent ec27c0fbfa
commit 08b45143c0
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Header.astro
+3 -3
View File
@@ -83,7 +83,7 @@ const { activeNav } = Astro.props;
@apply fill-skin-base w-6 h-6 scale-125; @apply fill-skin-base w-6 h-6 scale-125;
} }
nav { nav {
@apply w-full py-2 sm:py-0 flex flex-col items-center sm:justify-end sm:flex-row sm:space-x-2 bg-skin-fill shadow sm:shadow-none; @apply w-full py-2 sm:py-0 flex flex-col items-center sm:justify-end sm:flex-row sm:space-x-4 bg-skin-fill shadow sm:shadow-none;
} }
nav ul { nav ul {
@apply flex flex-col sm:flex-row sm:space-x-4; @apply flex flex-col sm:flex-row sm:space-x-4;
@@ -98,10 +98,10 @@ const { activeNav } = Astro.props;
@apply underline underline-offset-4 decoration-wavy decoration-2; @apply underline underline-offset-4 decoration-wavy decoration-2;
} }
.button-wrapper { .button-wrapper {
@apply flex my-2 sm:my-0 space-x-4 sm:space-x-2; @apply flex my-2 sm:my-0 space-x-4;
} }
nav button { nav button {
@apply p-2; @apply p-1;
} }
nav button svg { nav button svg {
@apply w-6 h-6 fill-skin-base hover:fill-skin-accent; @apply w-6 h-6 fill-skin-base hover:fill-skin-accent;