From 2e9e9b0a0635f86828af1d7ca99346cebe266640 Mon Sep 17 00:00:00 2001 From: enes Date: Fri, 30 Aug 2024 17:37:57 +0200 Subject: [PATCH] refactor(mobile): styling for sign actions box --- src/components/MarkFormField/style.module.scss | 18 +++++++++++++----- 1 file changed, 13 insertions(+), 5 deletions(-) diff --git a/src/components/MarkFormField/style.module.scss b/src/components/MarkFormField/style.module.scss index 1275038..9f4b092 100644 --- a/src/components/MarkFormField/style.module.scss +++ b/src/components/MarkFormField/style.module.scss @@ -1,11 +1,19 @@ +@import '../../styles/sizes.scss'; + .container { - width: 100%; display: flex; flex-direction: column; position: fixed; - bottom: 0; - right: 0; - left: 0; + + @media only screen and (min-width: 768px) { + bottom: 0; + right: 0; + left: 0; + } + bottom: $tabs-height + 5px; + right: 5px; + left: 5px; + align-items: center; z-index: 1000; @@ -107,7 +115,7 @@ .actions { background: white; width: 100%; - border-radius: 4px; + border-radius: 5px; padding: 10px 20px; display: none; flex-direction: column;