llaq
/
infojune.old
1
0
Fork 1
Code Issues 1 Pull Requests Releases Wiki Activity

Add mobile banner

This commit is contained in:
Le Libre Au Quotidien 2020-07-03 18:28:43 +02:00
parent 69be55c05e
commit 0575c18794
2 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/ban-mobile.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 81 KiB

23
src/components/home.vue
View File

@ -1,7 +1,8 @@
<template>
<div id="home">
<img src="../assets/ban.jpg" class="ban">
<img src="../assets/ban.jpg" alt="INFOJUNE,TOUS LES LIENS DE LA JUNE" class="ban">
<img src="../assets/ban-mobile.jpg" alt="INFOJUNE,TOUS LES LIENS DE LA JUNE" class="ban-mobile">
<div class="choice">
<h2 class="status">{{hover}}</h2>
<div class="svg-container" >
@ -212,12 +213,26 @@ align-items: center;
align-items:center;
}
.status{
width:500px;
width:100%;
height:25px;
margin-bottom: 50px;
text-align:center;
}
.ban{
width:800px;
margin-bottom:50px;
margin-bottom:50px;
width:70%;
}
.ban-mobile{
display:none;
}
@media only screen and (max-width: 500px){
.ban{
display:none;
}
.ban-mobile{
display:block;
width:100%;
}
}
</style>