fredtempez/SabradouMap
1
0
Fork 0
Code Releases Activity

responsive

Browse Source
This commit is contained in:
Fred Tempez 2023-07-14 18:14:00 +02:00
parent e384f074e2
commit 913f3b1aac
3 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
cities.json
View File

File diff suppressed because one or more lines are too long

3
index.php
View File

@ -4,6 +4,7 @@
<html> <html>
<head> <head>
<meta name="viewport" content="width=device-width" />
<title>Carte Sabradou</title> <title>Carte Sabradou</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="index.js"></script> <script src="index.js"></script>
@ -16,7 +17,7 @@
<h1>GÉOLOCALISATION DES BROCANTES RÉFÉRENCÉES</h1> <h1>GÉOLOCALISATION DES BROCANTES RÉFÉRENCÉES</h1>
<h2>SUR LE SITE <a href="https://www.sabradou.com/" target="_blank">SABRADOU.COM</a></h2> <h2>SUR LE SITE <a href="https://www.sabradou.com/" target="_blank">SABRADOU.COM</a></h2>
<form if="form" action="index.php" method="GET"> <form if="form" action="index.php" method="GET">
<label for="calendrier">Brocantes du :</label> <label for="calendrier">Géolocaliser les brocantes du </label>
<select name="calendrier" onchange="this.form.submit();" id="calendrier-list"> <select name="calendrier" onchange="this.form.submit();" id="calendrier-list">
<?php $calendrier = getCalendrier(); ?> <?php $calendrier = getCalendrier(); ?>
<?php foreach ($calendrier as $item): ?> <?php foreach ($calendrier as $item): ?>

6
style.css
View File

@ -40,6 +40,9 @@
.map-column, .cities-column { .map-column, .cities-column {
flex: 100%; /* Occupe 100% de la largeur */ flex: 100%; /* Occupe 100% de la largeur */
} }
body, select, label, li {
font-size: 1.1em; /* Augmenter la taille du texte pour les écrans d'une largeur minimale de 1024px */
}
} }
/* Pour les écrans de petite taille */ /* Pour les écrans de petite taille */
@ -47,4 +50,7 @@
.container { .container {
flex-direction: column; /* Affiche les colonnes les unes au-dessus des autres */ flex-direction: column; /* Affiche les colonnes les unes au-dessus des autres */
} }
body, select, label, li {
font-size: 1.2em; /* Augmenter la taille du texte pour les écrans d'une largeur minimale de 1024px */
}
} }