diff --git a/packages/website/src/entities/stories/ui/preset-ig/story/styles.module.scss b/packages/website/src/entities/stories/ui/preset-ig/story/styles.module.scss index e5edf51..fb9eb25 100644 --- a/packages/website/src/entities/stories/ui/preset-ig/story/styles.module.scss +++ b/packages/website/src/entities/stories/ui/preset-ig/story/styles.module.scss @@ -31,6 +31,22 @@ $is-preset-ig-mobile-width: 768px; } } +.form { + position: absolute; + bottom: 0; + left: -0.5em; + width: calc(100% + 1em); + height: 4em; + + @media (width >= $is-preset-ig-mobile-width) { + position: initial; + bottom: initial; + left: initial; + width: initial; + height: initial; + } +} + .container { display: grid; position: absolute; @@ -55,6 +71,11 @@ $is-preset-ig-mobile-width: 768px; transition: var(--is-preset-ig-transition-smooth); } + button > picture { + width: 1em; + height: 1em; + } + input { border: white 0.075em solid; border-radius: 2em; @@ -83,6 +104,7 @@ $is-preset-ig-mobile-width: 768px; button:global(.action-item) { display: inline-block; order: 1; + background-color: transparent; padding: 0.5em; aspect-ratio: 1 / 1; width: 2.5em; diff --git a/packages/website/src/entities/stories/ui/preset-ig/story/ui.tsx b/packages/website/src/entities/stories/ui/preset-ig/story/ui.tsx index dd9d872..5f5f203 100644 --- a/packages/website/src/entities/stories/ui/preset-ig/story/ui.tsx +++ b/packages/website/src/entities/stories/ui/preset-ig/story/ui.tsx @@ -226,7 +226,7 @@ export function Story({ {!desktop || story.current ? ( -