UI fixes for main (#22)

UI fixes (#20) * fix: remove sidebar in mobile version * fix: UI snap connection page
rarimo · Jan 24, 2024 · 88dd17d · 88dd17d
1 parent 8631a7a
commit 88dd17d
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 42 deletions.
diff --git a/src/assets/icons/metamask-icon.svg b/src/assets/icons/metamask-icon.svg
diff --git a/src/pages/MainPage/components/2_SnapConnection/SnapConnection.tsx b/src/pages/MainPage/components/2_SnapConnection/SnapConnection.tsx
@@ -50,7 +50,7 @@ const SnapConnection: FC<StepProps> = ({ nextStepCb, className, ...rest }) => {
             name={ICON_NAMES.rarimeSnap}
           />
         </div>
-        <div className='app__badge-item snap-connection__badge-item'>
+        <div className='app__badge-item snap-connection__badge-item snap-connection__badge-item-metamask'>
           <Icon className='app__badge-item-icon' name={ICON_NAMES.metamask} />
         </div>
       </div>

diff --git a/src/pages/MainPage/components/2_SnapConnection/styles.scss b/src/pages/MainPage/components/2_SnapConnection/styles.scss
@@ -11,10 +11,15 @@
 
 .snap-connection__badge-item {
   &:not(.snap-connection__badge-item-snap) {
-    margin-left: -#{toRem(18)};
+    margin-left: -#{toRem(16)};
   }
 }
 
+.snap-connection__badge-item-metamask {
+  padding: toRem(6);
+  background: var(--error-light);
+}
+
 .snap-connection__title {
   font-size: toRem(44);
   margin: toRem(32) 0 toRem(12);