valentin_le_moign
/
mahee-auffret
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

modif des marges dans le magasin et ajout du soulignage du mail

This commit is contained in:
Valentin 2024-05-28 16:48:11 +02:00
parent bfef54523e
commit 6fd9620c46
3 changed files with 25 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/soulignage.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

19
pages/contact.vue
View File

@ -25,7 +25,6 @@ export default {
let globalData = await useFetchGlobalData(); let globalData = await useFetchGlobalData();
globalData = globalData.globalData._object.$sglobalData; globalData = globalData.globalData._object.$sglobalData;
if (globalData.contact_text.includes('\n')) { if (globalData.contact_text.includes('\n')) {
console.log("BABABABA");
globalData.contact_text = JSON.stringify(globalData.contact_text).replace(/\\n/g, '<br>').slice(1, -1); globalData.contact_text = JSON.stringify(globalData.contact_text).replace(/\\n/g, '<br>').slice(1, -1);
} }
@ -55,6 +54,24 @@ export default {
line-height: 1.2; line-height: 1.2;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
> a {
display: inline-block;
}
> a::after {
width: 100%;
height: 1rem;
display: block;
background-image: url('/assets/images/soulignage.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
content: "";
margin-top: 0px;
transition: margin-top 0.2s ease-out;
}
> a:hover::after {
margin-top: 3px;
}
} }
} }

8
pages/magasin.vue
View File

@ -54,13 +54,19 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
h3:first-of-type { h3:first-of-type {
margin-top: 2rem; margin-top: 3rem;
} }
h3 { h3 {
text-transform: uppercase; text-transform: uppercase;
} }
div > h3 + main {
margin-top: 3vh;
}
@media screen and (min-width: 800px) { @media screen and (min-width: 800px) {
div > h3 + main {
margin-top: 4vh;
}
.category { .category {
display: flex; display: flex;
> div { > div {