[Glitch] Fix inconsistent radius in drawer

Port fa98363a27 to glitch-soc Signed-off-by: Claire <claire.github-309c@sitedethib.com>
1 year ago · 69ca6316ec
parent d13ef49b15
commit 69ca6316ec
1 changed files with 7 additions and 4 deletions
--- a/app/javascript/flavours/glitch/styles/components/drawer.scss
+++ b/app/javascript/flavours/glitch/styles/components/drawer.scss
@ -50,12 +50,14 @@
 }

 .drawer--header {
-  display: flex;
-  flex-direction: row;
-  margin-bottom: 10px;
  flex: none;
-  background: lighten($ui-base-color, 8%);
  font-size: 16px;
+  background: lighten($ui-base-color, 8%);
+  margin-bottom: 10px;
+  display: flex;
+  flex-direction: row;
+  border-radius: 4px;
+  overflow: hidden;

  & > * {
    display: block;
@ -179,6 +181,7 @@
  position: relative;
  overflow: hidden;
  display: flex;
+  border-radius: 4px;
 }

 .drawer__inner {