Add mobile banner
This commit is contained in:
parent
69be55c05e
commit
0575c18794
Binary file not shown.
After Width: | Height: | Size: 81 KiB |
|
@ -1,7 +1,8 @@
|
||||||
<template>
|
<template>
|
||||||
|
|
||||||
<div id="home">
|
<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">
|
<div class="choice">
|
||||||
<h2 class="status">{{hover}}</h2>
|
<h2 class="status">{{hover}}</h2>
|
||||||
<div class="svg-container" >
|
<div class="svg-container" >
|
||||||
|
@ -212,12 +213,26 @@ align-items: center;
|
||||||
align-items:center;
|
align-items:center;
|
||||||
}
|
}
|
||||||
.status{
|
.status{
|
||||||
width:500px;
|
width:100%;
|
||||||
height:25px;
|
height:25px;
|
||||||
|
margin-bottom: 50px;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
.ban{
|
.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>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue