eggy/public
1
0
Fork 0
Code Issues 7 Pull Requests 1 Releases Wiki Activity

Nuxt Content 3 migration #12

Merged
eggy merged 81 commits from js into master 2022-08-10 18:38:39 -04:00
Conversation 0 Commits 81 Files Changed 169 +14 -4
2 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 0985ae85f9 - Show all commits

11
components/Navbar.vue
View File

@ -22,15 +22,19 @@ import { navItems } from "@/data/navItems";
<style scoped> <style scoped>
nav { nav {
--nav-drop-color: lightgray;
height: 4rem; height: 4rem;
width: 100%; width: 100%;
box-shadow: 0 0.25rem 0.5rem 0 lightgray; box-shadow: 0 0.25rem 0.5rem 0 var(--nav-drop-color);
background: white;
padding: 1rem; padding: 1rem;
/* main stuff is z-index 1 and the hamburger must be above everything else */ /* main stuff is z-index 1 and the hamburger must be above everything else */
z-index: 2; z-index: 2;
} }
html.dark nav {
--nav-drop-color: black;
}
ul { ul {
display: flex; display: flex;
align-items: center; align-items: center;
@ -52,8 +56,9 @@ li.home-text {
* { * {
--trans: 0.2s ease; --trans: 0.2s ease;
--box-trans-time: 0.4s;
transition: opacity var(--trans), transform var(--trans), gap var(--trans), transition: opacity var(--trans), transform var(--trans), gap var(--trans),
width var(--trans); width var(--trans), box-shadow var(--box-trans-time) ease;
} }
@media screen and (max-width: 510px) { @media screen and (max-width: 510px) {

7
layouts/default.vue
View File

@ -64,7 +64,12 @@ main {
} }
footer { footer {
--footer-drop-color: lightgray;
transition: background 0.2s ease; transition: background 0.2s ease;
box-shadow: 0 -0.05rem 0.75rem 0 lightgray; box-shadow: 0 -0.05rem 0.75rem 0 var(--footer-drop-color);
}
html.dark footer {
--footer-drop-color: black;
} }
</style> </style>