fix snake width

Telefonica · Nov 29, 2024 · 0e56014 · 0e56014
1 parent 92602a2
commit 0e56014
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/pages/advent-calendar-2024/pages/calendar-view.jsx b/src/pages/advent-calendar-2024/pages/calendar-view.jsx
@@ -239,7 +239,9 @@ const CalendarView = () => {
                         easterEgg={true}
                       />
                     </Inline>
-                    <DecorationSnake width={isMobile ? 341 : 371.84} />
+                    <DecorationSnake
+                      width={isMobile ? `calc(min(341px, 100%))` : 371.84}
+                    />
                   </Stack>
                 }
                 right={

diff --git a/src/pages/advent-calendar-2024/pages/claim-your-gift.jsx b/src/pages/advent-calendar-2024/pages/claim-your-gift.jsx
@@ -796,7 +796,9 @@ const ClaimYourGift = () => {
               Christmas gift
             </Text>
           </Inline>
-          <DecorationSnake width={isMobile ? 341 : 371.84} />
+          <DecorationSnake
+            width={isMobile ? `calc(min(341px, 100%))` : 371.84}
+          />
         </>
         <Box width={isMobile ? "100%" : 586}>
           <Text3 regular>