Browse Source

Fix: fix css to make Doodle works on mobile

closed-social-glitch-2
欧醚 1 year ago
parent
commit
514bef1105
1 changed files with 5 additions and 0 deletions
  1. +5
    -0
      app/javascript/flavours/glitch/styles/components/doodle.scss

+ 5
- 0
app/javascript/flavours/glitch/styles/components/doodle.scss View File

@ -10,6 +10,8 @@ $doodle-background: #d9e1e8;
background: $doodle-background;
text-align: center;
line-height: 0; // remove weird gap under canvas
overflow: auto;
canvas {
border: 5px solid $doodle-background;
}
@ -18,6 +20,9 @@ $doodle-background: #d9e1e8;
.doodle-modal__action-bar {
@extend .boost-modal__action-bar;
flex-wrap: wrap;
flex: 0 0 auto;
.filler {
flex-grow: 1;
margin: 0;

Loading…
Cancel
Save