Add navigation bar to sticker board

2022-08-11 16:13:53 +05:30
parent 3c1cc59d59
commit 1da3d252e8
4 changed files with 103 additions and 57 deletions
--- a/src/app/organisms/emoji-board/EmojiBoard.scss
+++ b/src/app/organisms/emoji-board/EmojiBoard.scss
@@ -26,7 +26,7 @@
    min-height: 100%;
    padding: 4px 6px;
    background-color: var(--bg-surface-low);
-    @include dir.side(border, 1px solid var(--bg-surface-border), none);
+    @include dir.side(border, none, 1px solid var(--bg-surface-border));

    position: relative;
    
@@ -122,8 +122,11 @@
    @include dir.side(margin, var(--left-margin), var(--right-margin));
  }
  & .emoji {
-    width: 38px;
-    height: 38px;
+    max-width: 38px;
+    max-height: 38px;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
    object-fit: contain;
    padding: var(--emoji-padding);
    cursor: pointer;