Add header title

QubitPi · Dec 9, 2024 · 3b77b09 · 3b77b09
1 parent 3fce365
commit 3b77b09
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/src/components/Header.css b/src/components/Header.css
@@ -20,14 +20,20 @@
     align-items: center;
 }
 
+.header .logo {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
 .header .logo img {
     padding: 0.5rem 1rem;
     max-height: 4rem;
 }
 
-.header .title {
+.header .logo .title {
     font-size: 2rem;
-    color: #5BBCFF;
+    color: #7EA1FF;
     text-decoration: none;
     font-weight: 700;
 }

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -23,7 +23,11 @@ export default function Header() {
       <div className="header">
         <div className="logo">
           <img src="/logo512.png" alt="logo"/>
+          <div className="title">
+            VK-45.01
+          </div>
         </div>
+
         <div className="GitHub">
           <a href="https://github.com/QubitPi/VK-45.01">
             <GitHubSvg />