sizes

tbouasli · Aug 18, 2023 · 0a67143 · 0a67143
1 parent 0b7d9dc
commit 0a67143
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 8 deletions.
diff --git a/src/app/pages/home/index.tsx b/src/app/pages/home/index.tsx
@@ -9,8 +9,8 @@ function Home() {
         <main className="h-full w-full flex flex-col">
             <ChatsHeader />
             <Link to="/app/friends">
-                <Button className="rounded-full absolute bottom-4 right-4 p-3">
-                    <img className="text-primary-foreground" src="/assets/icon/chat-light.svg" alt="Back" height={16} width={16} />
+                <Button className="rounded-full absolute bottom-4 right-4 p-4 h-fit">
+                    <img className="text-primary-foreground" src="/assets/icon/chat-light.svg" alt="Back" height={24} width={24} />
                 </Button>
             </Link>
             <ChatList />

diff --git a/src/shared/components/atom/BackButton.tsx b/src/shared/components/atom/BackButton.tsx
@@ -5,7 +5,7 @@ function BackButton() {
 
     return (
         <button onClick={() => navigate(-1)}>
-            <img src="/assets/icon/back.svg" alt="Back" height={16} width={16} />
+            <img src="/assets/icon/back.svg" alt="Back" height={24} width={24} />
         </button>
     );
 }

diff --git a/src/shared/components/molecule/SettingsItem.tsx b/src/shared/components/molecule/SettingsItem.tsx
@@ -24,7 +24,7 @@ function SettingsItem({ iconSrc, content, href, onClick }: SettingsItemProps) {
 
     return (
         <ListItem className="border-y border-primary/30" onClick={handleOnClick}>
-            <img src={iconSrc} alt={content} height={16} width={16} />
+            <img src={iconSrc} alt={content} height={20} width={20} />
             <span>{content}</span>
         </ListItem>
     );

diff --git a/src/shared/components/organism/ChatsHeader.tsx b/src/shared/components/organism/ChatsHeader.tsx
@@ -8,9 +8,9 @@ function ChatsHeader() {
         <AppHeader className="justify-between">
             <ChatBoxLogoWithTitle />
             <div className="flex items-center gap-2">
-                <img src="/assets/icon/search.svg" alt="Search" height={20} width={20} />
+                <img className="text-primary-foreground opacity-50" src="/assets/icon/search.svg" alt="Search" height={24} width={24} />
                 <Link to="/app/settings">
-                    <img src="/assets/icon/settings.svg" alt="Settings" height={20} width={20} />
+                    <img src="/assets/icon/settings.svg" alt="Settings" height={24} width={24} />
                 </Link>
             </div>
         </AppHeader>

diff --git a/src/shared/components/organism/OnBoardingForm.tsx b/src/shared/components/organism/OnBoardingForm.tsx
@@ -138,8 +138,8 @@ function OnBoardingForm() {
                 <span className="text-accent">
                     Don’t worry, you can change <br /> your profile anytime!
                 </span>
-                <Button className="rounded-full absolute bottom-4 right-4 p-3" type="submit">
-                    <img className="text-primary-foreground" src="/assets/icon/front.svg" alt="Back" height={16} width={16} />
+                <Button className="rounded-full absolute bottom-4 right-4 p-3 h-fit" type="submit">
+                    <img className="text-primary-foreground" src="/assets/icon/front.svg" alt="Back" height={24} width={24} />
                 </Button>
             </form>
         </Form>