feat: add themed sidebar logo

src/server/app-assets.ts

@@ -215,6 +215,10 @@ export const APP_STYLES = `      :root {
         display: none;
       }
 
+      aside.sidebar-collapsed .panel-logo {
+        display: none;
+      }
+
       .card {
         min-width: 0;
         padding: 10px;
@@ -274,10 +278,18 @@ export const APP_STYLES = `      :root {
       .panel-toolbar {
         display: flex;
         justify-content: space-between;
-        align-items: center;
+        align-items: flex-start;
         gap: 8px;
       }
 
+      .panel-logo {
+        display: block;
+        width: min(150px, calc(100% - 40px));
+        height: auto;
+        object-fit: contain;
+        flex: 0 1 auto;
+      }
+
       .theme-toggle {
         width: 40px;
         height: 40px;

src/server/page-template.ts

@@ -49,6 +49,14 @@ ${APP_STYLES}
               </svg>
             </span>
           </button>
+          <img
+            class="panel-logo"
+            id="panel-logo"
+            src="/assets/logo-light.svg"
+            alt="mapix"
+            width="156"
+            height="66"
+          />
         </div>
         <label>
           Share URL