lucxjo/friends-best
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity

Added new time utility

Browse source
This commit is contained in:
Louis Hollingworth 2022-05-23 20:37:02 +01:00
parent f2aef2012b
commit 26e91acd9c
No known key found for this signature in database
GPG key ID: 1E66DEA3F5D623D1
10 changed files with 224 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

5
components/LinkCard.vue
View file

@ -34,6 +34,7 @@ export default {
</script>
<style lang="scss" scoped>
@use '../assets/styles/colours';
.card {
margin: 1rem;
padding: 1.5rem;
@ -58,8 +59,8 @@ export default {
.card:hover,
.card:focus,
.card:active {
color: #0070f3 !important;
border-color: #0070f3;
color: colours.$accent-colour-light !important;
border-color: colours.$accent-colour-light;
}
@media (max-width: 600px) {

39
components/NavBar.vue
View file

@ -1,23 +1,44 @@
<template>
<nav>
<div v-for="link in links" :key="link">
<NuxtLink :to="link.to" class="nav-button">
<img :src="link.img.name" :alt="link.img.alt" />
</NuxtLink>
<div class="nav-button">
<NuxtLink :to="link.to">
<img :src="link.img.name" :alt="link.img.alt" />
<p>{{ link.name }}</p>
</NuxtLink>
</div>
</div>
</nav>
</template>
<style lang="scss" scoped>
@use '../assets/styles/colours';
nav {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 1rem;
margin: 0 auto;
position: -webkit-sticky;
position: sticky;
display: flex;
justify-content: center;
align-items: center;
}
nav :hover {
filter: colours.$filter-accent-colour-light;
}
nav a {
text-decoration: none;
color: black;
}
p {
padding: 0;
margin: 0;
}
.nav-button {
padding: .25rem;
margin: .25rem;
margin: 0 1rem;
padding: 0.5rem;
}
</style>