fix: ui improvements

Peppermint-Lab · Nov 3, 2024 · f20e8ee · f20e8ee
1 parent 88ea668
commit f20e8ee
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/apps/client/components/NotebookEditor/index.tsx b/apps/client/components/NotebookEditor/index.tsx
@@ -184,7 +184,7 @@ export default function NotebookEditor() {
                 type="text"
                 value={title}
                 onChange={(e) => setTitle(e.target.value)}
-                className="text-3xl px-0 font-bold w-full border-none outline-none focus:ring-0 focus:outline-none"
+                className="text-3xl px-0 font-bold w-full border-none bg-transparent outline-none focus:ring-0 focus:outline-none"
               />
             </div>
 

diff --git a/apps/client/layouts/shad.tsx b/apps/client/layouts/shad.tsx
@@ -44,7 +44,7 @@ export default function ShadLayout({ children }: any) {
           <div className="w-full">
             <div className="sticky top-0 z-10 flex h-14 shrink-0 items-center gap-x-4 border-b bg-background px-4 sm:gap-x-6">
               <div className="flex flex-1 gap-x-4 self-stretch lg:gap-x-6 items-center">
-                <SidebarTrigger />
+                <SidebarTrigger title="[" />
                 <div className="sm:flex hidden w-full justify-start items-center space-x-6">
                   {user.isAdmin && (
                     <Link href="https://github.com/Peppermint-Lab/peppermint/releases">

diff --git a/apps/client/pages/profile.tsx b/apps/client/pages/profile.tsx
@@ -68,7 +68,7 @@ export default function UserProfile() {
                     name="name"
                     id="name"
                     autoComplete="name"
-                    className="focus:ring-light-blue-500 text-secondary focus:border-light-blue-500 flex-grow block w-full min-w-0 rounded-none rounded-r-md sm:text-sm border-gray-300"
+                    className="text-foreground bg-background flex-grow block w-full min-w-0 rounded-md sm:text-sm border-gray-300"
                     value={name}
                     onChange={(e) => setName(e.target.value)}
                   />
@@ -84,7 +84,7 @@ export default function UserProfile() {
                     type="email"
                     name="email"
                     autoComplete="email"
-                    className="focus:ring-light-blue-500 text-secondary focus:border-light-blue-500 flex-grow block w-full min-w-0 rounded-none rounded-r-md sm:text-sm border-gray-300"
+                    className="text-foreground bg-background flex-grow block w-full min-w-0 rounded-md sm:text-sm border-gray-300"
                     value={email}
                     onChange={(e) => setEmail(e.target.value)}
                   />
@@ -98,7 +98,7 @@ export default function UserProfile() {
                   <select
                     id="language"
                     name="language"
-                    className="mt-1 block w-full pl-3 pr-10 py-2 text-secondary text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md"
+                    className="text-foreground bg-background flex-grow block w-full min-w-0 rounded-md sm:text-sm border-gray-300"
                     value={language}
                     onChange={(e) => changeLanguage(e.target.value)}
                   >