From 678d7d6309d2533bcde6d4cc8c9d567cafcf3a2b Mon Sep 17 00:00:00 2001
From: sphinxrave <62570796+sphinxrave@users.noreply.github.com>
Date: Sun, 8 Oct 2023 16:47:50 -0700
Subject: [PATCH] cleanup

---
 packages/react/src/components/layout/Frame.tsx    | 2 +-
 packages/react/src/components/sidebar/sidebar.tsx | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/react/src/components/layout/Frame.tsx b/packages/react/src/components/layout/Frame.tsx
index 39d5079d4..0ae808be2 100644
--- a/packages/react/src/components/layout/Frame.tsx
+++ b/packages/react/src/components/layout/Frame.tsx
@@ -43,7 +43,7 @@ export function Frame() {
         <Sidebar id="sidebar" />
       </aside>
       <Header onClick={toggle} id='header' />
-      <main className="border border-green">
+      <main className="">
         <RouterProvider router={router}></RouterProvider>
       </main>
       {isMobile && <footer className="">Footer</footer>}
diff --git a/packages/react/src/components/sidebar/sidebar.tsx b/packages/react/src/components/sidebar/sidebar.tsx
index 3f3c5e421..ecaa12abb 100644
--- a/packages/react/src/components/sidebar/sidebar.tsx
+++ b/packages/react/src/components/sidebar/sidebar.tsx
@@ -13,7 +13,7 @@ export function Sidebar({ className, id }: SidebarProps) {
 
   return (
     <div className={cn("pb-12", className)} id={id}>
-      <div className="space-y-4 py-2">
+      <div className="space-y-2 py-2">
         <div className="px-3 py-2">
           <h2 className="mb-2 px-4 font-semibold tracking-tight">
             Hololive
@@ -29,11 +29,12 @@ export function Sidebar({ className, id }: SidebarProps) {
             </Button>
           </div>
         </div>
+        <hr className="border-base" />
         <div className="px-3 py-2">
           <h2 className="mb-2 px-4 font-semibold tracking-tight" >
             Holodex
           </h2>
-          <div className="space-y-1">
+          <div className="space-y-2">
             <Button className="w-full justify-start h-10" variant="ghost">
               <span className="i-heroicons:heart"></span>
               Favorites
@@ -42,6 +43,7 @@ export function Sidebar({ className, id }: SidebarProps) {
               <span className="i-heroicons:rectangle-group"></span>
               Multiview
             </Button>
+            <hr className="border-base" />
             <Button className="w-full justify-start" variant="ghost">
               <span className="i-heroicons:queue-list"></span>
               Playlist