Add icon

oj-lab · Sep 24, 2023 · 554730c · 554730c
1 parent 59e7729
commit 554730c
Show file tree

Hide file tree

Showing 3 changed files with 68 additions and 13 deletions.
diff --git a/public/OJ-lab-icon.svg b/public/OJ-lab-icon.svg
diff --git a/src/layouts/adminLayout/Sidebar.tsx b/src/layouts/adminLayout/Sidebar.tsx
@@ -93,10 +93,13 @@ export default function Sidebar(props: SidebarProps) {
                   <div className="flex grow flex-col gap-y-5 overflow-y-auto bg-indigo-600 px-6 pb-4">
                     <div className="flex h-16 shrink-0 items-center">
                       <img
-                        className="h-8 w-auto"
-                        src="https://tailwindui.com/img/logos/mark.svg?color=white"
-                        alt="Your Company"
+                        className="h-14 w-auto gap-4"
+                        src="./OJ-lab-icon.svg"
+                        alt="OJ Lab"
                       />
+                      <h1 className="text-xl font-bold text-white">
+                        OJ Lab Admin
+                      </h1>
                     </div>
                     <nav className="flex flex-1 flex-col">
                       <ul className="flex flex-1 flex-col gap-y-7">
@@ -141,12 +144,13 @@ export default function Sidebar(props: SidebarProps) {
         <div className="hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col">
           {/* Sidebar component, swap this element with another sidebar if you like */}
           <div className="flex grow flex-col gap-y-5 overflow-y-auto bg-indigo-600 px-6 pb-4">
-            <div className="flex h-16 shrink-0 items-center">
+            <div className="flex h-16 shrink-0 items-center gap-4">
               <img
-                className="h-8 w-auto"
-                src="https://tailwindui.com/img/logos/mark.svg?color=white"
-                alt="Your Company"
+                className="h-14 w-auto"
+                src="./OJ-lab-icon.svg"
+                alt="OJ Lab"
               />
+              <h1 className="text-xl font-bold text-white">OJ Lab Admin</h1>
             </div>
             <nav className="flex flex-1 flex-col">
               <ul className="flex flex-1 flex-col gap-y-7">

diff --git a/src/layouts/userLayout/Header.tsx b/src/layouts/userLayout/Header.tsx
@@ -47,14 +47,14 @@ export default function Header() {
               <div className="flex">
                 <div className="flex flex-shrink-0 items-center">
                   <img
-                    className="block h-8 w-auto lg:hidden"
-                    src="https://tailwindui.com/img/logos/mark.svg?color=indigo&shade=600"
-                    alt="Your Company"
+                    className="block h-14 w-auto lg:hidden"
+                    src="./OJ-lab-icon.svg"
+                    alt="OJ Lab"
                   />
                   <img
-                    className="hidden h-8 w-auto lg:block"
-                    src="https://tailwindui.com/img/logos/mark.svg?color=indigo&shade=600"
-                    alt="Your Company"
+                    className="hidden h-14 w-auto lg:block"
+                    src="./OJ-lab-icon.svg"
+                    alt="OJ Lab"
                   />
                 </div>
                 <div className="hidden sm:-my-px sm:ml-6 sm:flex sm:space-x-8">