increase konva size in landing

Kryha · Dec 13, 2023 · b083918 · b083918
1 parent 9f507c0
commit b083918
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/frontend/src/components/base-route-mobile/styles.ts b/frontend/src/components/base-route-mobile/styles.ts
@@ -16,17 +16,16 @@ export const TopbarContainer = styled.header<AnimationProps>`
   width: 100vw;
   display: flex;
   flex-direction: row;
-  justify-content: flex-end;
+  justify-content: flex-start;
   margin-top: 12px;
-  margin-bottom: -65px;
   align-items: flex-end;
   z-index: 100;
   top: 0;
   padding: ${margins.medium};
   background: transparent;
 
   @media screen and (max-width: ${breakpoints.tablet}) {
-    padding: ${margins.mini};
+    padding: ${margins.medium};
   }
 `;
 

diff --git a/frontend/src/pages/landing-mobile/landing-mobile.tsx b/frontend/src/pages/landing-mobile/landing-mobile.tsx
@@ -96,8 +96,9 @@ export const LandingMobile: FC = () => {
               />
             </NotificationWrapper>
           </FadeInOut>
+          {/* canvas */}
           <Layout width={width} height={height}>
-            <CharacterCanvas width={width} height={height} />
+            <CharacterCanvas width={Math.floor(width*1.6)} height={Math.floor(height*1.6)} />
             {interactionMode === CATEGORY_MODE && <CategoryMode />}
             {interactionMode === ITEM_MODE && <ItemsMode />}
             {interactionMode === CHARACTER_SELECT_MODE && <CharactersMode />}

diff --git a/frontend/src/pages/landing-mobile/styles.ts b/frontend/src/pages/landing-mobile/styles.ts
@@ -41,8 +41,10 @@ export const DetailContainer = styled.div`
   animation-duration: 0.8s, 1s;
   animation-delay: 0s, 0.8s;
   height: fit-content;
-
   background: transparent;
+  max-width: 380px;
+  overflow: hidden;
+  text-overflow: ellipsis;
 
   ${SecondaryButton} {
     background: ${color.white};