feat: ui changes

0xdevhub · Oct 27, 2023 · 2ec4c37 · 2ec4c37
1 parent 65224da
commit 2ec4c37
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 6 deletions.
diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx
@@ -26,7 +26,7 @@ export default function BaseLayout({ children, params }: BaseLayoutProps) {
             className={classNames(
               'flex min-h-screen flex-col',
               'h-screen overflow-x-hidden text-sm font-medium',
-              'bg-stone-100  text-stone-900/70',
+              'bg-stone-100  text-stone-900',
               'dark:bg-third-100 dark:text-cyan-50'
             )}
           >

diff --git a/app/components/header/Header.tsx b/app/components/header/Header.tsx
@@ -1,6 +1,5 @@
 import { type HTMLProps } from 'react'
 import dynamic from 'next/dynamic'
-import appConfig from '@/app.config'
 import classNames from 'classnames'
 import { Separator, Logo, Loading, Navigation } from '@/app/components'
 import { Locales } from '@/locales/locales'

diff --git a/app/components/language/List.tsx b/app/components/language/List.tsx
@@ -25,7 +25,9 @@ export const LanguageList = (props: HTMLProps<HTMLUListElement>) => {
               'flex cursor-pointer items-center justify-between space-x-2 p-2'
             )}
           >
-            <Typography.Text as='span'>{locale}</Typography.Text>
+            <Typography.Text as='span' className='capitalize'>
+              {locale}
+            </Typography.Text>
             {locale === currentLocale && (
               <CheckBadgeIcon width={18} className='text-green-400' />
             )}

diff --git a/app/components/language/Selector.tsx b/app/components/language/Selector.tsx
@@ -24,7 +24,9 @@ export const LanguageSelector = ({
         'flex cursor-pointer justify-between'
       )}
     >
-      <Typography.Text as='span'>{currentLocale}</Typography.Text>
+      <Typography.Text as='span' className='capitalize'>
+        {currentLocale}
+      </Typography.Text>
       <ChevronDownIcon
         width={18}
         className={classNames('transform', {

diff --git a/app/components/typography/Text.tsx b/app/components/typography/Text.tsx
@@ -2,8 +2,8 @@ import { type HTMLProps, createElement } from 'react'
 import classNames from 'classnames'
 
 export const Sizes = {
-  default: 'text-xs',
-  sm: 'text-sm',
+  default: 'text-sm',
+  md: 'text-md',
   base: 'text-base'
 } as const