Update style

2 years ago · 38a66cebf4
parent 73fa74a11b
commit 38a66cebf4
4 changed files with 16 additions and 4 deletions
--- a/index.html
+++ b/index.html
@ -6,7 +6,7 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Orario DM Unipi</title>

-    <meta property="og:title" content="PHC / Orario">
+    <meta property="og:title" content="PHC - Orario">
    <meta property="og:description" content="Sito per visualizzare l'orario delle lezioni per i vari anni di corso">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://lab.phc.dm.unipi.it/orario">
@ -21,4 +21,4 @@
 <body>
    <script type="module" src="/src/main.jsx"></script>
 </body>
-</html>
+</html>
--- a/src/components/HamburgerMenu.jsx
+++ b/src/components/HamburgerMenu.jsx
@ -8,7 +8,9 @@ export const HamburgerMenu = ({ onClose, mode, setMode, source, setSource }) =>
                <button class="flat icon" onClick={onClose}>
                    <Icon name="close" />
                </button>
-                <div class="item logo">PHC / Orari</div>
+                <div class="item logo">
+                    <img src="logo-circuit-board.svg" alt="logo" /> / <span>Orario</span>
+                </div>
            </div>
            <div class="options">
                <div class="label">Gruppo Corsi</div>
--- a/src/components/Toolbar.jsx
+++ b/src/components/Toolbar.jsx
@ -10,7 +10,7 @@ export const Toolbar = ({ mode, setMode, source, setSource, onShowMenu, onHelp }
                </button>
            </div>
            <div class="item logo">
-                <img src="logo-circuit-board.svg" alt="logo" /> / <span>Orari</span>
+                <img src="logo-circuit-board.svg" alt="logo" /> / <span>Orario</span>
            </div>
            <div class="option-group">
                <div class="item option">
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@ -840,6 +840,16 @@ body {
            justify-content: space-between;

            border-bottom: 1px solid var(--gray-500);
+            .logo {
+                display: flex;
+                align-items: center;
+
+                img {
+                    max-height: 2.5rem;
+                }
+
+                gap: 0.25rem;
+            }
        }

        .options {