nemunaire/travel-steps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

frontend: add shadcn vue, replace custom css with tailwind

Browse source 
Signed-off-by: Nicolas Froger <nicolas@kektus.xyz>
This commit is contained in:
Nicolas Froger 2024-07-22 02:24:43 +02:00
commit 227332e5d4
No known key found for this signature in database
19 changed files with 1480 additions and 289 deletions
Download patch file Download diff file Expand all files Collapse all files

25
summer2024-frontend/src/App.vue
View file

@ -3,26 +3,13 @@ import { RouterLink, RouterView } from 'vue-router'
</script>
<template>
<div class="header">
<a id="kektus-link" href="https://www.kektus.fr"><h1 id="kektus">kektus</h1></a>
<h1 style="font-weight: 300">carnet de voyage été 2024</h1>
<div class="fixed w-full top-0 z-50 flex items-center backdrop-blur-md bg-black/10">
<a href="https://www.kektus.fr"
><h1 id="kektus" class="font-bold select-none mx-6 my-3 text-2xl hover:text-3xl transition-all duration-300">kektus</h1></a
>
<h1 class="font-light text-lg">carnet de voyage été 2024</h1>
</div>
<RouterView />
</template>
<style scoped>
.header {
position: fixed;
width: 100%;
top: 0;
z-index: 9;
backdrop-filter: blur(10px);
background-color: rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
}
.header h1 {
font-size: 15pt;
}
</style>
<style scoped></style>