update

domescala · Feb 19, 2024 · bf9427b · bf9427b
1 parent f61dc6e
commit bf9427b
Show file tree

Hide file tree

Showing 4 changed files with 63 additions and 50 deletions.
diff --git a/index.html b/index.html
@@ -14,7 +14,7 @@
         href="https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Mono:wght@400;600&family=Roboto+Slab:wght@400;600&display=swap"
         rel="stylesheet">
     <link rel="stylesheet" href="style/style.css">
-    <!-- <link rel="stylesheet" href="style/style_desk.css"> -->
+    <link rel="stylesheet" href="style/style_desk.css">
 </head>
 
 <body>
@@ -38,56 +38,59 @@ <h1>aule libere<br>polito</h1>
             <!-- <select id="date_selector" onchange="change_date(this.value)"> 
 
             </select> -->
-            <div id="campus_box">
-                <p class="campus_title">📍 Sede:</p>
-                <select id="campus_input" onchange="change_campus(this)">
-                    <option value="SEDE_CENTRALE">Sede Centrale</option>
-                    <option value="MIRAFIORI">Mirafiori</option>
-                    <option value="LINGOTTO">Lingotto</option>
-                    <option value="VALENTINO">Valentino</option>
-                </select>
-
-            </div>
-            <div id="date_box">
-                <div>
-                    <input type="date" class="date_input" oninput="change_date(this)" value="" min="" max="" />
-                </div>
-                <p class="date_title row_title">📅 Data:</p>
-                <p class="date_value">...</p>
-
-            </div>
-
-            <div id="filter_box">
-                <div class="filter_title">
-                    <p>Filtra le aule per:</p>
-                </div>
-
-                <div class="filter" value="_piano">
-                    <p>Piano 🔢</p>
-                </div>
-
-                <div class="filter" value="_capienza">
-                    <p>Capienza 🪑</p>
-                </div>
-
-                <div class="filter" value="_superficie">
-                    <p>Superficie 📐</p>
+            <div id="inputs-box">
+
+                <div id="campus_box">
+                    <p class="campus_title">📍 Sede:</p>
+                    <select id="campus_input" onchange="change_campus(this)">
+                        <option value="SEDE_CENTRALE">Sede Centrale</option>
+                        <option value="MIRAFIORI">Mirafiori</option>
+                        <option value="LINGOTTO">Lingotto</option>
+                        <option value="VALENTINO">Valentino</option>
+                    </select>
+
                 </div>
-
-                <div class="filter" value="_fabbricato">
-                    <p>Zona 📍</p>
+                <div id="date_box">
+                    <div>
+                        <input type="date" class="date_input" oninput="change_date(this)" value="" min="" max="" />
+                    </div>
+                    <p class="date_title row_title">📅 Data:</p>
+                    <p class="date_value">...</p>
+
                 </div>
-
-                <div class="filter" value="_fasce_libere">
-                    <p>Disponibilità 🕔</p>
+
+                <div id="filter_box">
+                    <div class="filter_title">
+                        <p>Filtra le aule per:</p>
+                    </div>
+
+                    <div class="filter" value="_piano">
+                        <p>Piano 🔢</p>
+                    </div>
+
+                    <div class="filter" value="_capienza">
+                        <p>Capienza 🪑</p>
+                    </div>
+
+                    <div class="filter" value="_superficie">
+                        <p>Superficie 📐</p>
+                    </div>
+
+                    <div class="filter" value="_fabbricato">
+                        <p>Zona 📍</p>
+                    </div>
+
+                    <div class="filter" value="_fasce_libere">
+                        <p>Disponibilità 🕔</p>
+                    </div>
                 </div>
             </div>
-            <div class="row_orari">
-                <div>
-                    <p><span> 08:30 10:00 </span></p>
-                </div>
-                <div>
-                    <p><span> 10:00 11:30 </span></p>
+                <div class="row_orari">
+                    <div>
+                        <p><span> 08:30 10:00 </span></p>
+                    </div>
+                    <div>
+                        <p><span> 10:00 11:30 </span></p>
                 </div>
                 <div>
                     <p><span> 11:30 13:00 </span></p>

diff --git a/js/classrooms_data.js b/js/classrooms_data.js
diff --git a/style/style.css b/style/style.css
@@ -92,7 +92,11 @@ body.loading-out {
     display: flex;
     flex-wrap: wrap;
 }
-
+#inputs-box{
+    display: flex;
+    flex-wrap: wrap;
+    width: 100%;
+} 
 a {
     /* color: rgb(255, 255, 255); */
     text-decoration: inherit;

diff --git a/style/style_desk.css b/style/style_desk.css
@@ -24,8 +24,11 @@
     }
 
     #block_scroll {
+    margin-left: 240px;
+    }
+    #inputs-box{
+
     }
-
     a {
     }
 
@@ -42,6 +45,7 @@
     /* -------------------------------- */
 
     .row_orari {
+    /* width: 600px; */
     }
 
 
@@ -60,6 +64,8 @@
     /*             AULE                 */
     /* -------------------------------- */
     #container_row_aule{
+    /* width: 556px; */
+    margin-left: 240px;
     }
     .row_aule {  
     }