Fix logo!

manuthecoder · manuthecoder · commit 8b073d5942cf · 2025-11-13T07:16:41.000Z
diff --git a/app/assets/stylesheets/admin.scss b/app/assets/stylesheets/admin.scss
@@ -769,8 +769,9 @@ video {
 
   .dropdown {
     position: absolute;
-    top: 32px;
+    top: 33px;
     padding-top: 4px;
+    margin-left: -12px;
   }
 
   summary:hover + detail,
@@ -838,6 +839,7 @@ video {
   padding: 4px 12px;
   display: flex;
   align-items: center;
+  justify-content: center;
   gap: 4px;
 }
 
diff --git a/app/views/layouts/admin.html.erb b/app/views/layouts/admin.html.erb
@@ -18,32 +18,30 @@
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-<%= Rails.env %>-16x16.png">
     <%= yield(:head) if content_for?(:head) %>
   </head>
-  <body>
+  <body class="bg-snow">
     <a class="skip-to-main" href="#main">Skip to main content</a>
 
     <% title = yield(:title) if content_for?(:title) %>
 
     <% nav = Admin::Nav.new(page_title: title) %>
 
-    <nav style="display: flex; flex-direction: column; background: var(--hcb-bg-2-5); gap: 0px">
-      <div style="width: 100%; display: flex; gap: 8px; align-items: center; font-size: 22px; padding: 8px; border-bottom: 1px solid var(--hcb-bg-2);">
-        <%= link_to root_path, class: "text-decoration-none", style: "height: 36px; margin-right: 8px;" do %>
-          <% logo_env = Rails.env.local? ? "development" : Rails.env %>
-          <%= image_tag user_birthday? ? "logo-party.gif" : by_season("logo-#{logo_env}.png", fall: "https://cloud-qmskqc293-hack-club-bot.vercel.app/0bank-pumpkin.png"),
-              name: "header-logo",
-              class: "logo",
-              height: @home_size || 36,
-              alt: "HCB logo" %>
-        <% end %>
+    <nav class="flex flex-col shadow-lg sticky top-0 backdrop-blur-lg z-10 bg-white/80 dark:bg-[rgba(0,0,0,.7)]">
+      <div class="p-6 pl-5 pb-2 flex items-center w-full gap-2">
+        <%= render "application/logo" %>
+        
+        <span class="text-xl font-bold ml-1">HCB Admin</span>
+        <span style="color: var(--hcb-link-2); font-weight: 200;">/</span>
 
         <% if title %>
+          <% if nav.active_section&.name%>
           <span>
-            <%= nav.active_section&.name || "Admin" %>
+            <%= nav.active_section&.name %>
           </span>
           <span style="color: var(--hcb-link-2); font-weight: 200;">/</span>
-          <b style="font-weight: 600;">
+          <% end %>
+          <span>
             <%= title %>
-          </b>
+          </span>
         <% else %>
           <b>
             <%= current_user.access_level.capitalize %>
@@ -60,9 +58,9 @@
         </div>
       </div>
 
-      <div class="nav-row" style="width: 100%; display: flex; padding: 8px 0px;">
+      <div class="nav-row px-3 !border-gray-200 dark:!border-gray-700 py-2" style="width: 100%; display: flex;border-top:1px solid">
         <% nav.sections.each do |section| %>
-          <details open class="admin-nav-item pb0">
+          <details open class="admin-nav-item pb-0 flex-1">
             <summary class="nav-item" style="<%= section.active? ? "color: var(--hcb-accent)" : "color: var(--hcb-tx-1)" %>">
               <%= section.name %>
               <span class="badge <%= section.task_sum > 0 ? "bg-success" : "bg-muted" %> h-fit-content">
