Merge pull request #128 from snowball-tools/ericlewis/prettify-select

packages/frontend/src/components/Sidebar.tsx

@@ -102,10 +102,14 @@ const Sidebar = () => {
         <Tabs defaultValue="Projects" orientation="vertical" className="mt-10">
           <Tabs.List>
             {[
-              { title: 'Projects', icon: <FolderIcon /> },
+              { title: 'Projects', url: `/${orgSlug}/`, icon: <FolderIcon /> },
-              { title: 'Settings', icon: <SettingsSlidersIcon /> },
+              {
-            ].map(({ title, icon }, index) => (
+                title: 'Settings',
-              <NavLink to={`/${orgSlug}/${title}`} key={index}>
+                url: `/${orgSlug}/settings`,
+                icon: <SettingsSlidersIcon />,
+              },
+            ].map(({ title, icon, url }, index) => (
+              <NavLink to={url} key={index}>
                 <Tabs.Trigger icon={icon} value={title}>
                   {title}
                 </Tabs.Trigger>

packages/frontend/src/components/shared/Tabs/Tabs.theme.ts

@@ -23,7 +23,6 @@ export const tabsTheme = tv({
       // Vertical
       'data-[orientation=vertical]:px-3',
       'data-[orientation=vertical]:py-3',
-      'data-[orientation=vertical]:min-w-[240px]',
       'data-[orientation=vertical]:w-full',
       'data-[orientation=vertical]:focus-ring',
       'data-[orientation=vertical]:rounded-xl',

packages/frontend/src/pages/Login.tsx

@@ -2,9 +2,8 @@ import React from 'react';
 
 const Login = () => {
   return (
-    <div className="grid grid-cols-5 h-screen bg-light-blue-50 py-10">
+    <div className="flex items-center justify-center h-screen bg-light-blue-50">
-      <div className="col-span-2"></div>
+      <div className="flex justify-center">
-      <div className="col-span-1">
         <w3m-button />
       </div>
     </div>