Nuxt Content 3 migration #12
@ -8,7 +8,10 @@ import { navItems } from "@/data/navItems";
|
|||||||
<ul>
|
<ul>
|
||||||
<li class="home-text"><a href="/">Eggworld</a></li>
|
<li class="home-text"><a href="/">Eggworld</a></li>
|
||||||
<li v-for="(item, index) in navItems" :key="index">
|
<li v-for="(item, index) in navItems" :key="index">
|
||||||
<a :href="item.href">{{ item.title }}</a>
|
<a :href="item.href" class="flex gap-2">
|
||||||
|
<img :src="`/nav/${item.title.toLowerCase()}.svg`" />
|
||||||
|
{{ item.title }}</a
|
||||||
|
>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
@ -61,7 +64,7 @@ li.home-text {
|
|||||||
width var(--trans), box-shadow var(--box-trans-time) ease;
|
width var(--trans), box-shadow var(--box-trans-time) ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 510px) {
|
@media screen and (max-width: 600px) {
|
||||||
.hamburger {
|
.hamburger {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 3rem;
|
width: 3rem;
|
||||||
|
Loading…
Reference in New Issue
Block a user