about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/styles/components
diff options
context:
space:
mode:
authorRubicon Rowe <thislight@users.noreply.github.com>2023-04-04 17:41:05 +0800
committerClaire <claire.github-309c@sitedethib.com>2023-04-04 12:51:24 +0200
commit69ca6316ec6b99b896e3ff62106bb4e9dbc9b6fa (patch)
treef7161de7ddf0106416c539f858623ac4b972d374 /app/javascript/flavours/glitch/styles/components
parentd13ef49b155d74847c9af049ea526c66a1a804f6 (diff)
[Glitch] Fix inconsistent radius in drawer
Port fa98363a2789f23e110312f23bf4c00234dcd59a to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components')
-rw-r--r--app/javascript/flavours/glitch/styles/components/drawer.scss11
1 files changed, 7 insertions, 4 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/drawer.scss b/app/javascript/flavours/glitch/styles/components/drawer.scss
index 9de5a4435..33a48eec4 100644
--- 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 {