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>
@@ -12,6 +12,27 @@ $__myProfileHref = $__base . '/userarea/employee-profile.php';
            <div class="mobile-toggle-menu"><i class='bx bx-menu'></i>
            </div>

+            <a href="production_dashboard.php" class="smes-brand" aria-label="SmartMes">
+                <span class="smes-mark">
+                    <svg viewBox="0 0 32 32" aria-hidden="true">
+                        <defs>
+                            <linearGradient id="smesGrad" x1="0" y1="0" x2="1" y2="1">
+                                <stop offset="0" stop-color="#2563eb" />
+                                <stop offset="1" stop-color="#7c3aed" />
+                            </linearGradient>
+                        </defs>
+                        <rect width="32" height="32" rx="8" fill="url(#smesGrad)" />
+                        <path d="M7 21l5-6 4 4 4-7 5 5" fill="none" stroke="#fff" stroke-width="2.4"
+                            stroke-linecap="round" stroke-linejoin="round" />
+                        <circle cx="25" cy="17" r="1.8" fill="#fff" />
+                    </svg>
+                </span>
+                <span class="smes-text">
+                    <span class="smes-name">Smart<span class="smes-accent">Mes</span></span>
+                    <span class="smes-sub">Manufacturing Execution System</span>
+                </span>
+            </a>
+
            <div class="search-bar d-lg-block d-none" data-bs-toggle="modal" data-bs-target="#SearchModal">
                <!--  <a href="javascript:;" class="btn d-flex align-items-center"><i class='bx bx-search'></i>Search</a> -->
            </div>