ajout du header (7bb2082) - faubourg-carte.git

ajout du header

davvalent commited on 2023-03-22 05:33:39
Showing 2 changed files, with 24 additions and 1 deletions.

css/style.css eb381e9..58c9c75
index.html 6a62d8c..7b24ea2

css/style.css

View file @ 7bb2082

@@ -5,13 +5,31 @@ body {
 body {
   margin: 0;
 }
+header {
+  height: 40px;
+  box-shadow: 0 3px 14px rgba(0,0,0,0.4);
+  z-index: 500;
+  position: relative;
+}
+header h1 {
+  margin: 0;
+  font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
+  height: 100%;
+  padding: 6px;
+  box-sizing: border-box;
+  padding-left: 10px;
+}
+main {
+  height: calc(100vh - 40px);
+}
 
 /* leaflet */
 
 #map {
   height: 100%;
 }
-.controles {
+.controles,
+header h1 {
   font-weight: 900;
   font-size: 1.5rem;
 }

index.html

View file @ 7bb2082

@@ -24,7 +24,12 @@
 
 </head>
 <body>
+  <header>
+    <h1>Plan interactif du Faubourg à m’lasse <span>v0.1</span></h1>
+  </header>
+  <main>
     <div id="map"></div>
+  </main>
   <script src="js/main.js" type="module"></script>
 </body>
 </html>


...	...	@@ -24,7 +24,12 @@
24	24
25	25	</head>
26	26	<body>
	27	+ <header>
	28	+ <h1>Plan interactif du Faubourg à m’lasse <span>v0.1</span></h1>
	29	+ </header>
	30	+ <main>
27	31	<div id="map"></div>
	32	+ </main>
28	33	<script src="js/main.js" type="module"></script>
29	34	</body>
30	35	</html>
31	36

...	...	@@ -5,13 +5,31 @@ body {
5	5	body {
6	6	margin: 0;
7	7	}
	8	+header {
	9	+ height: 40px;
	10	+ box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	11	+ z-index: 500;
	12	+ position: relative;
	13	+}
	14	+header h1 {
	15	+ margin: 0;
	16	+ font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	17	+ height: 100%;
	18	+ padding: 6px;
	19	+ box-sizing: border-box;
	20	+ padding-left: 10px;
	21	+}
	22	+main {
	23	+ height: calc(100vh - 40px);
	24	+}
8	25
9	26	/* leaflet */
10	27
11	28	#map {
12	29	height: 100%;
13	30	}
14		-.controles {
	31	+.controles,
	32	+header h1 {
15	33	font-weight: 900;
16	34	font-size: 1.5rem;
17	35	}