PeterCxy/worker-pastebin
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

modal: better inset

Browse source
This commit is contained in:
Peter Cai 2020-02-18 14:12:43 +08:00
parent d26bb7bbee
commit a19494a2bc
No known key found for this signature in database
GPG key ID: 71F5FB4E4F3FD54F
2 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/web/styles/dialog.scss
View file

@ -11,7 +11,7 @@
border: none;
border-radius: $dialog-radius;
box-shadow: $shadow-large;
padding: $dialog-radius * 3;
padding: $dialog-inset;
p {
display: inline-block;

9
src/web/styles/vars.scss
View file

@ -7,18 +7,19 @@ $material-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
// Configurations for contentEditable
$editable-color: rgba(0, 0, 0, 0.1);
$editable-color-active: rgba(57, 73, 171, 0.4);
$editable-radius: 5px;
$editable-radius: 2px;
// Button dimensions
$button-radius: 5px;
$button-radius: 3px;
// Dialogs
$dialog-width: 500px;
$dialog-height: 200px;
$dialog-margin: 50px;
$dialog-radius: 5px;
$dialog-radius: 2px;
$dialog-inset: 15px;
// Dimensions of main content card
$content-padding: 100px;
$content-width: 1000px;
$content-height: 600px;
$content-total-height: $content-height + 2 * $content-padding;
$content-radius: 5px;
$content-radius: 2px;
$content-inset: 12px;