From 8d9f677c4e9ccfcc6dc9297864dc49446fb5ee59 Mon Sep 17 00:00:00 2001
From: Ellie Huxtable <ellie@atuin.sh>
Date: Wed, 10 Jul 2024 15:56:33 +0100
Subject: feat(gui): use fancy new side nav (#2243)

* feat(gui): use fancy new side nav

* compact only sidebar, no expand-collapse

* custom drag region, remove titlebar

* add user popup

* wire up login/logout/register, move user button to bottom and add menu

* link help and feedback to forum
---
 ui/src/pages/Dotfiles.tsx | 2 +-
 ui/src/pages/History.tsx  | 2 +-
 ui/src/pages/Home.tsx     | 2 +-
 ui/src/pages/Runbooks.tsx | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

(limited to 'ui/src/pages')

diff --git a/ui/src/pages/Dotfiles.tsx b/ui/src/pages/Dotfiles.tsx
index cd80be66..56f570be 100644
--- a/ui/src/pages/Dotfiles.tsx
+++ b/ui/src/pages/Dotfiles.tsx
@@ -98,7 +98,7 @@ export default function Dotfiles() {
   console.log(current);
 
   return (
-    <div className="pl-60">
+    <div className="w-full flex-1 flex-col p-4">
       <div className="p-10">
         <Header current={current} setCurrent={setCurrent} />
         Manage your shell aliases, variables and paths
diff --git a/ui/src/pages/History.tsx b/ui/src/pages/History.tsx
index 81c83f99..64c2fca6 100644
--- a/ui/src/pages/History.tsx
+++ b/ui/src/pages/History.tsx
@@ -84,7 +84,7 @@ export default function Search() {
 
   return (
     <>
-      <div className="pl-60">
+      <div className="w-full flex-1 flex-col p-4">
         <div className="p-10 history-header">
           <Header />
           <p>A history of all the commands you run in your shell.</p>
diff --git a/ui/src/pages/Home.tsx b/ui/src/pages/Home.tsx
index 9b1c0976..b7c4503d 100644
--- a/ui/src/pages/Home.tsx
+++ b/ui/src/pages/Home.tsx
@@ -125,7 +125,7 @@ export default function Home() {
   }
 
   return (
-    <div className="pl-60">
+    <div className="w-full flex-1 flex-col p-4">
       <div className="p-10">
         <Header name={user.username} />
 
diff --git a/ui/src/pages/Runbooks.tsx b/ui/src/pages/Runbooks.tsx
index 71887310..4237e065 100644
--- a/ui/src/pages/Runbooks.tsx
+++ b/ui/src/pages/Runbooks.tsx
@@ -2,7 +2,7 @@ import Editor from "@/components/runbooks/editor/Editor";
 
 export default function Runbooks() {
   return (
-    <div className="pl-60 p-4 ">
+    <div className="w-full flex-1 flex-col p-4">
       <Editor />
     </div>
   );
-- 
cgit v1.3.1