28 lines
593 B
Vue
28 lines
593 B
Vue
<style scoped>
|
|
|
|
.footer {
|
|
position: sticky;
|
|
bottom: 0;
|
|
max-width: 72rem;
|
|
width: 100%;
|
|
background-color: red;
|
|
}
|
|
|
|
.navlist {
|
|
|
|
display: flex; gap: 1.2rem; justify-content: center;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
<template>
|
|
<nav class="footer">
|
|
<ul class="navlist">
|
|
<li><NuxtLink to="/">home</NuxtLink></li>
|
|
<li><NuxtLink to="/info">info</NuxtLink></li>
|
|
<li><NuxtLink to="/maker">maker</NuxtLink></li>
|
|
<li><NuxtLink to="/credits">credits</NuxtLink></li>
|
|
</ul>
|
|
</nav>
|
|
</template> |