modificaciones a Pregunata3

2025-11-18 18:11:09 -06:00
parent addbd88916
commit 28ae122bed
22 changed files with 910 additions and 3381 deletions
@@ -1,139 +0,0 @@
-.dashboardContainer {
-  display: flex;
-  flex-direction: column;
-  padding: 0;
-  margin: 0;
-  min-height: 100vh;
-  background-color: #f4f4f4;
-}
-
-
-
-
-.scanView {
-  padding: 20px;
-  width: 100%;
-
-  .container {
-    width: 100%;
-    max-width: 900px;
-    background: #fff;
-    border-radius: 12px;
-    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    border: 1px solid #ddd;
-  }
-
-  .header {
-    padding: 16px 20px;
-    background: #f7f7f7;
-    border-bottom: 1px solid #e0e0e0;
-    font-size: 15px;
-    color: #0056b3;
-    text-align: center;
-    font-weight: 500;
-  }
-
-  .main-content {
-    display: flex;
-    min-height: 420px;
-  }
-
-  .tabs {
-    width: 230px;
-    background-color: #fafafa;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-evenly;
-  }
-
-  .tab {
-  padding: 12px 16px; /* ← CORREGIDO: "auto" no es válido */
-  cursor: pointer;
-  border-right: 1px solid #e0e0e0;
-  color: #555;
-  transition: all 0.3s ease;
-  border-left: 4px solid transparent;
-  font-size: 15px;
-  font-weight: 500;
-  background: none;
-  border: none;
-  text-align: left;
-}
-
-  .tab:hover {
-    background-color: #f0f0f0;
-    color: #000;
-  }
-
-  .tab.active {
-    background-color: #fff;
-    border-left: 4px solid #0056b3;
-    border-right: none;
-    border-bottom: 1px solid #0056b3;
-    color: #0056b3;
-    font-weight: 600;
-  }
-
-  .data-table-wrapper {
-    flex: 1;
-    padding: 20px;
-  }
-
-  .data-table {
-    width: 100%;
-  }
-
-  .data-row {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 12px 16px;
-    background: #f9f9f9;
-    transition: background 0.2s ease;
-  }
-
-  .data-row:hover {
-    background: #f1f1f1;
-  }
-
-  .os-name {
-    flex: 1;
-    font-size: 15px;
-    color: #333;
-  }
-
-  .count-box {
-    background: #ffffff;
-    border: 1px solid #0056b3;
-    padding: 6px 14px;
-    font-weight: 600;
-    font-size: 15px;
-    text-align: center;
-    min-width: 70px;
-  }
-
-  .total-row {
-    background: #eaf4ff;
-    font-weight: bold;
-
-    .count-box {
-      color: #0056b3;
-    }
-  }
-}
-
-/* ======== RESPONSIVE ======== */
-@media (max-width: 700px) {
-  .scanView .tabs {
-    width: 160px;
-  }
-
-  .scanView .tab {
-    font-size: 12px;
-    padding: 10px 12px;
-    text-align: left;
-  }
-}