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

frontend: some small fixes

Browse source 
Signed-off-by: Nicolas Froger <nicolas@kektus.xyz>
This commit is contained in:
Nicolas Froger 2024-07-22 02:51:50 +02:00
commit 5c6e641fbd
No known key found for this signature in database
3 changed files with 6 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

1
summer2024-frontend/index.html
View file

@ -4,6 +4,7 @@
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-mobile-web-app-status-bar-style" content="#000000">
<title>carnet de voyage été 2024 - kektus</title>
</head>
<body>

2
summer2024-frontend/src/components/PostComponent.vue
View file

@ -23,6 +23,7 @@ function postDataToggle() {
}
for (const desc of postDataDescription.value) {
desc.classList.add("opacity-0");
desc.classList.remove("scrollable-element");
}
for (const btn of postActionBtn.value) {
btn.classList.remove("top-0");
@ -42,6 +43,7 @@ function postDataToggle() {
}
for (const desc of postDataDescription.value) {
desc.classList.remove("opacity-0");
desc.classList.add("scrollable-element");
}
for (const btn of postActionBtn.value) {
btn.classList.add("top-0");

6
summer2024-frontend/src/components/WelcomeComponent.vue
View file

@ -7,15 +7,15 @@ const postsStore = usePostsStore()
<template>
<div class="section" ref="section" data-anchor="welcome-section">
<div class="flex flex-col w-full h-full items-center justify-center text-center">
<h3 class="scroll-m-20 text-2xl font-semibold tracking-tight my-4">
<h3 class="scroll-m-20 text-2xl font-semibold tracking-tight mx-4 my-4">
3 semaines pour traverser 7 pays d'Europe en train
</h3>
<div v-if="postsStore.posts.length > 0">
<p class="">suivez mon voyage en naviguant vers le bas</p>
<p class="mx-4">suivez mon voyage en naviguant vers le bas</p>
<div class="arrow" />
</div>
<div v-else>
<p>le contenu n'est pas encore disponible, revenez plus tard</p>
<p class="mx-4">le contenu n'est pas encore disponible, revenez plus tard</p>
</div>
</div>
</div>