webfussel/wf4
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

FIX: smaller footer.

Browse source 
Smaller footer notes
This commit is contained in:
webfussel 2025-01-31 19:46:31 +01:00
parent caa5d277dd
commit 4d846865e1
2 changed files with 12 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
assets/css/footer.css
View file

@ -2,6 +2,14 @@
align-items: center; align-items: center;
padding: 1rem 15vw; padding: 1rem 15vw;
& .notes {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-evenly;
gap: 3rem .5rem;
}
& a:hover { & a:hover {
color: var(--color-orange); color: var(--color-orange);
} }

6
components/Footer.vue
View file

@ -5,8 +5,10 @@
<NuxtLink v-bind="rest">{{label}}</NuxtLink> <NuxtLink v-bind="rest">{{label}}</NuxtLink>
</li> </li>
</ul> </ul>
<p>Natürlich ohne Cookies und Tracker.</p> <div class="notes">
<p>Made with nuxt, typescript & postcss</p> <p>Natürlich ohne Cookies und Tracker.</p>
<p>Made with nuxt, typescript & postcss.</p>
</div>
<p>&copy; 2024 by <a href="https://webfussel.de">webfussel</a></p> <p>&copy; 2024 by <a href="https://webfussel.de">webfussel</a></p>
</footer> </footer>
</template> </template>