mirror of
https://github.com/ChenQihan666/MyBlog-Next.git
synced 2026-08-14 07:33:07 +08:00
feat: add transition effect if light/dark changes
This commit is contained in:
@@ -136,7 +136,7 @@ const { activeNav } = Astro.props;
|
|||||||
}
|
}
|
||||||
|
|
||||||
nav {
|
nav {
|
||||||
@apply flex w-full flex-col items-center bg-skin-fill sm:ml-2 sm:flex-row sm:justify-end sm:space-x-4 sm:py-0;
|
@apply flex w-full flex-col items-center sm:ml-2 sm:flex-row sm:justify-end sm:space-x-4 sm:py-0;
|
||||||
}
|
}
|
||||||
nav ul {
|
nav ul {
|
||||||
@apply mt-4 grid w-44 grid-cols-2 grid-rows-4 gap-x-2 gap-y-2 sm:ml-0 sm:mt-0 sm:w-auto sm:gap-x-5 sm:gap-y-0;
|
@apply mt-4 grid w-44 grid-cols-2 grid-rows-4 gap-x-2 gap-y-2 sm:ml-0 sm:mt-0 sm:w-auto sm:gap-x-5 sm:gap-y-0;
|
||||||
|
|||||||
+1
-1
@@ -30,7 +30,7 @@
|
|||||||
}
|
}
|
||||||
body {
|
body {
|
||||||
@apply flex min-h-screen flex-col bg-skin-fill font-mono text-skin-base
|
@apply flex min-h-screen flex-col bg-skin-fill font-mono text-skin-base
|
||||||
selection:bg-skin-accent selection:bg-opacity-70 selection:text-skin-inverted;
|
transition-colors selection:bg-skin-accent selection:bg-opacity-70 selection:text-skin-inverted;
|
||||||
}
|
}
|
||||||
section,
|
section,
|
||||||
footer {
|
footer {
|
||||||
|
|||||||
Reference in New Issue
Block a user