fixed smartmes logo

2026-10-27 16:45:36 +01:00
parent 10edd175db
commit a330c8bb29
2 changed files with 148 additions and 0 deletions
@@ -154,4 +154,131 @@
    .fa {
        color: #1f2d3d !important;
    }
+
+    .topbar .navbar {
+        position: relative;
+    }
+
+    /* ======= MARCHIO SMARTMES (centrato nella topbar) ======= */
+    .smes-brand {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        text-decoration: none;
+        white-space: nowrap;
+        z-index: 1;
+    }
+
+    .smes-mark svg {
+        width: 34px;
+        height: 34px;
+        display: block;
+        border-radius: 9px;
+        box-shadow: 0 0 0 2px rgba(255, 255, 255, .85), 0 3px 8px rgba(15, 30, 70, .25);
+    }
+
+    .smes-text {
+        display: flex;
+        flex-direction: column;
+        line-height: 1.05;
+    }
+
+    .smes-name {
+        font-size: 1.3rem;
+        font-weight: 600;
+        letter-spacing: -.3px;
+        color: #0f1e46;
+    }
+
+    .smes-accent {
+        font-weight: 800;
+        color: #1a3fd1;
+    }
+
+    .smes-sub {
+        font-size: .6rem;
+        font-weight: 700;
+        text-transform: uppercase;
+        letter-spacing: 1.2px;
+        color: #0f1e46;
+        opacity: .65;
+        margin-top: 3px;
+    }
+
+    /* Tema scuro */
+    html.dark-theme .smes-name {
+        color: #e2e8f0;
+    }
+
+    html.dark-theme .smes-accent {
+        color: #7aa2ff;
+    }
+
+    html.dark-theme .smes-sub {
+        color: #94a3b8;
+    }
+
+    /* Tablet e telefono: il marchio occupa il suo spazio (niente sovrapposizioni) */
+    @media (max-width: 991px) {
+        .smes-sub {
+            display: none;
+        }
+
+        .smes-brand {
+            position: static;
+            transform: none;
+            margin-left: auto;
+            margin-right: auto;
+            min-width: 0;
+        }
+
+        .topbar .navbar .top-menu {
+            margin-left: 0 !important;
+        }
+    }
+
+    /* Telefono */
+    @media (max-width: 576px) {
+        .smes-brand {
+            gap: 7px;
+        }
+
+        .smes-mark svg {
+            width: 28px;
+            height: 28px;
+        }
+
+        .smes-name {
+            font-size: 1.1rem;
+        }
+    }
+
+    /* Telefono stretto: recupero spazio dalla barra */
+    @media (max-width: 400px) {
+        .topbar .navbar {
+            gap: .5rem !important;
+        }
+
+        .topbar .user-box {
+            padding-left: .25rem !important;
+            padding-right: .25rem !important;
+        }
+
+        .smes-brand {
+            gap: 6px;
+        }
+
+        .smes-mark svg {
+            width: 24px;
+            height: 24px;
+        }
+
+        .smes-name {
+            font-size: .95rem;
+        }
+    }
 </style>