update topbar with new styling

2026-08-15 18:19:48 +01:00
parent 34d2265fe7
commit 6f64d1cac0
3 changed files with 9 additions and 6 deletions
--- a/frontend/src/components/Sidebar.tsx
+++ b/frontend/src/components/Sidebar.tsx
@@ -13,7 +13,10 @@ const Divider = () => <hr className="w-full my-1.5 mx-2 border-hover" />;
 const Sidebar = ({user, className}: props) => {
    return (
        <aside className={clsx("h-screen flex flex-col bg-sidebar border-r border-hairline p-2 items-center gap-1", className)}>
-            <h2 className={"font-heading text-3xl"}>The VoD System</h2>
+            <div className={"flex items-center gap-2"}>
+                <Video size={24} className={"mb-1"}/>
+                <h2 className={"font-heading text-2xl"}>VoD System</h2>
+            </div>

            <nav className="flex flex-col flex-1 items-center w-3/4">
                <Divider />