mougnibas/archinsa
2
0
Fork 1
Code Issues Pull requests Releases Wiki Activity

meilleur placement du bouton téléverser + support petits écrans

Browse source
This commit is contained in:
thaaoblues 2024-09-13 14:23:52 +02:00
parent 99a21e4673
commit 0f0e0f92e3
2 changed files with 14 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
css/index.css
View file

@ -1,4 +1,4 @@
@media (hover: none){ @media (max-width: 1000px){
/* For mobile phones: */ /* For mobile phones: */
.floating-action-btn{ .floating-action-btn{
width: auto; width: auto;
@ -10,9 +10,13 @@
color: black; color: black;
background-color: rgba(224, 54, 54, 0.482); background-color: rgba(224, 54, 54, 0.482);
border-bottom: 3px solid rgba(224, 54, 54, 0.482); border-bottom: 3px solid rgba(224, 54, 54, 0.482);
position: fixed;
bottom: 2vh;
margin-top: 50vh; margin-top: 50vh;
right: 1vw;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 9px;
} }
.card{ .card{
@ -24,7 +28,6 @@
/* For desktop: */ /* For desktop: */
.floating-action-btn{ .floating-action-btn{
position: fixed; position: fixed;
bottom: 5%;
margin-left:1%; margin-left:1%;
padding: 10px; padding: 10px;
padding-top: 0px; padding-top: 0px;
@ -36,7 +39,11 @@
text-decoration: none; text-decoration: none;
color: black; color: black;
border-bottom: 3px solid rgba(224, 54, 54, 0.482); border-bottom: 3px solid rgba(224, 54, 54, 0.482);
right: 1vw;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 9px;
bottom:2vh;
} }
.card { .card {

4
index.php
View file

@ -73,8 +73,8 @@
</form> </form>
</div> </div>
<a href="televerser.php" class="color-red-tr floating-action-btn"> <a href="televerser.php">
<div class="ascii-art"> <div class="ascii-art color-red-tr floating-action-btn">
============================================ ============================================
| _ | | _ |
| _| |_ | | _| |_ |