styles: remove responsividade.

cesargabrielphd · Dec 13, 2024 · 022d44a · 022d44a
1 parent ceb26ef
commit 022d44a
Showing 1 changed file with 98 additions and 0 deletions.
diff --git a/css/style.css b/css/style.css
@@ -25,6 +25,8 @@ span[id^="status-"] {
   border-color: var(--bg-color-blue-black);
   color: #ffffff;
   background-color: var(--bg-color-blue-black);
+  width: 162.40px;
+  height: 16px;
 }
 input:active,
 select:active,
@@ -101,6 +103,10 @@ div[id^="periodo"] .d-flex {
   width: 100%;
 }
 
+div[id^="periodo"] .d-flex > div {
+  margin-bottom: 1rem;
+}
+
 div.row.g-3 > div.row.g-3 {
   display: flex;
   flex-direction: row;
@@ -109,6 +115,11 @@ div.row.g-3 > div.row.g-3 {
   justify-content: space-evenly;
   align-items: center;
 }
+
+div.row.g-3 > div.row.g-3 > div {
+  margin-bottom: 1rem;
+}
+
 .btn-success,
 .btn-success:hover,
 .btn-primary {
@@ -129,4 +140,91 @@ footer {
   bottom: 0;
   text-align: center;
   background-color: var(--bg-color-gray);
+  padding: 1rem;
 }
+
+/* @media (max-width: 768px) {
+  body {
+    font-size: 14px;
+  }
+
+  #header {
+    flex-direction: row;
+    justify-content: space-between;
+    padding: 0.5rem;
+  }
+
+ button,
+  input,
+  select,
+  span[id^="status-"] {
+    padding: 0.5rem;
+    width: calc(100% - 1rem);
+    height: calc(100% - 1rem);
+  }
+
+  div#container {
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+  }
+
+  div[id^="periodo"] {
+    flex-direction: column;
+    gap: 0.25em;
+  }
+
+  div[id^="periodo"] .d-flex {
+    flex-direction: column;
+    gap: 0.5em;
+  }
+
+  div.row.g-3 > div.row.g-3 {
+    flex-direction: column;
+    gap: 0.5em;
+  }
+
+  footer {
+    padding: 0.5rem;
+    font-size: 0.875rem;
+  }
+} */
+
+/* @media (max-width: 480px) {
+  body {
+    font-size: 12px;
+  }
+  button,
+  input,
+  select,
+  span[id^="status-"] {
+    padding: 0.5rem;
+    width: calc(100% - 1rem);
+    height: calc(100% - 1rem);
+  }
+
+  #header {
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+
+  div#linhaSuperior {
+    top: calc(5px + var(--header-hight));
+  }
+
+  div[id^="periodo"] {
+    gap: 0.25em;
+  }
+
+  div[id^="periodo"] .d-flex {
+    gap: 0.25em;
+  }
+
+  div.row.g-3 > div.row.g-3 {
+    gap: 0.25em;
+  }
+
+  footer {
+    padding: 0.25rem;
+    font-size: 0.75rem;
+  }
+} */