From b7f56f1091894fb1ee413eeafe5c2bf23524ed2f Mon Sep 17 00:00:00 2001 From: Sandeep Date: Tue, 26 Mar 2024 15:10:33 +0800 Subject: [PATCH] chore: :zap: fixed official versioning waring for mobile --- src/assets/css/bot.scss | 25 +++++++++++++++++++ .../OfficialVersionWarning.js | 1 - .../official-version-warning.scss | 17 ------------- 3 files changed, 25 insertions(+), 18 deletions(-) delete mode 100644 src/botPage/view/react-components/official-version-warning.scss diff --git a/src/assets/css/bot.scss b/src/assets/css/bot.scss index 859d0a541..13fc7682d 100644 --- a/src/assets/css/bot.scss +++ b/src/assets/css/bot.scss @@ -224,3 +224,28 @@ label { overflow: auto; z-index: 10001 !important; } + +.version-warning { + position: fixed; + background-color: #2a3052; + font-size: 12px; + bottom: 36px; + width: 100%; + height: 24px; + z-index: 99999; + color: #ffffff; + display: flex; + align-items: center; + justify-content: center; + a { + color: #ffffff; + text-decoration: underline; + } + + @include mobile { + height: 24px; + text-align: center; + bottom: 0; + font-size: 10px; + } +} diff --git a/src/botPage/view/react-components/OfficialVersionWarning.js b/src/botPage/view/react-components/OfficialVersionWarning.js index a1e270985..8f0a2960d 100644 --- a/src/botPage/view/react-components/OfficialVersionWarning.js +++ b/src/botPage/view/react-components/OfficialVersionWarning.js @@ -1,7 +1,6 @@ import React from 'react'; import PropTypes from 'prop-types'; import { translate } from '@i18n'; -import './official-version-warning.scss'; const OfficialVersionWarning = ({ show }) => show ? ( diff --git a/src/botPage/view/react-components/official-version-warning.scss b/src/botPage/view/react-components/official-version-warning.scss deleted file mode 100644 index bcaf6dfed..000000000 --- a/src/botPage/view/react-components/official-version-warning.scss +++ /dev/null @@ -1,17 +0,0 @@ -.version-warning { - position: fixed; - background-color: #2a3052; - font-size: 12px; - bottom: 36px; - width: 100%; - height: 24px; - z-index: 99999; - color: #ffffff; - display: flex; - align-items: center; - justify-content: center; - a { - color: #ffffff; - text-decoration: underline; - } -}