Strip out Tailwind etc

2 files changed, 9 insertions, 19 deletions

diff --git a/ui/routes/(app)/+layout.svelte b/ui/routes/(app)/+layout.svelte
index a82d302..8a70c4b 100644
--- a/ui/routes/(app)/+layout.svelte
+++ b/ui/routes/(app)/+layout.svelte
@@ -142,15 +142,6 @@
 {/if}
 
 <style>
-  /* Just some global CSS variables, don't mind them.
-   */
-  :root {
-    --app-bar-height: 48px;
-    --input-row-height: 2rem;
-    --interface-padding: 16px;
-    --nav-width: 21rem;
-  }
-
   #interface {
     margin: unset;
     display: grid;
diff --git a/ui/routes/+layout.svelte b/ui/routes/+layout.svelte
index 26033e0..750f1f8 100644
--- a/ui/routes/+layout.svelte
+++ b/ui/routes/+layout.svelte
@@ -4,7 +4,6 @@
   import '../app.css';
   import logo from '$lib/assets/logo.png';
 
-  import { AppBar } from '@skeletonlabs/skeleton';
   import { currentUser } from '$lib/store';
 
   let pageContext = $state({
@@ -24,20 +23,20 @@
   let { children } = $props();
 </script>
 
-<AppBar padding="px-4 pt-0 pb-4">
-  <svelte:fragment slot="lead">
-    <button onclick={toggleMenu} class="cursor-pointer">
-      <img class="w-8 h-8" alt="logo" src={logo} />
+<div class="app-bar">
+  <div class="lead">
+    <button onclick={toggleMenu}>
+      <img alt="logo" src={logo} />
     </button>
-  </svelte:fragment>
+  </div>
   <a href="/">pilcrow</a>
-  <svelte:fragment slot="trail">
+  <div class="trail">
     {#if $currentUser}
-      <div class="rounded-full bg-secondary-400 px-3 py-1">
+      <div>
         <a href="/me">@{$currentUser.username}</a>
       </div>
     {/if}
-  </svelte:fragment>
-</AppBar>
+  </div>
+</div>
 
 {@render children?.()}