feat(mobile): setting page ui (#8048)

AF-1275
2026-02-14 05:14:54 +00:00 · 2024-09-03 03:27:18 +00:00
parent bea3d42f40
commit ad110078ac
35 changed files with 1205 additions and 80 deletions
--- a/packages/frontend/component/src/ui/modal/styles.css.ts
+++ b/packages/frontend/component/src/ui/modal/styles.css.ts
@@ -84,6 +84,9 @@ export const modalContentWrapper = style({
  },

  selectors: {
+    '&[data-full-screen="true"]': {
+      padding: '0 !important',
+    },
    '&.anim-none': {
      animation: 'none',
    },
@@ -136,6 +139,19 @@ export const modalContent = style({
  borderRadius: '12px',
  // :focus-visible will set outline
  outline: 'none',
+
+  selectors: {
+    '[data-full-screen="true"] &': {
+      vars: {
+        [widthVar]: '100vw',
+        [heightVar]: '100vh',
+        [minHeightVar]: '100vh',
+      },
+      maxWidth: '100vw',
+      maxHeight: '100vh',
+      borderRadius: 0,
+    },
+  },
 });
 export const closeButton = style({
  position: 'absolute',