diff options
author | TrueKuehli <rctcoaster2000@hotmail.de> | 2018-09-30 20:27:17 +0200 |
---|---|---|
committer | TrueKuehli <rctcoaster2000@hotmail.de> | 2018-09-30 20:27:17 +0200 |
commit | ef9a3da0528c659cc0ea430ba2729044fdcc8747 (patch) | |
tree | 0cc46a992b6d03a9e446e5118763436851fb6ceb /WebInterface/NodeJSServer/src/style/partials/modal/_login.scss | |
parent | 67af10e2e629c131c1aa0655a57c6c15073c48bd (diff) |
Added basic layout for login modal
Shows form for inputting password and name.
Diffstat (limited to 'WebInterface/NodeJSServer/src/style/partials/modal/_login.scss')
-rw-r--r-- | WebInterface/NodeJSServer/src/style/partials/modal/_login.scss | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/WebInterface/NodeJSServer/src/style/partials/modal/_login.scss b/WebInterface/NodeJSServer/src/style/partials/modal/_login.scss new file mode 100644 index 0000000..7aa1bf8 --- /dev/null +++ b/WebInterface/NodeJSServer/src/style/partials/modal/_login.scss @@ -0,0 +1,30 @@ +.modal { + .modal-title { + white-space: nowrap; + overflow: hidden; + } + + .modal-body { + display: grid; + grid-template-columns: 10em 1fr; + grid-template-rows: 1fr 1fr; + grid-row-gap: 0.5rem; + + div { + display: contents; + font-size: 1.25rem; + + label { + flex-basis: 30%; + margin-right: 2rem; + + grid-column: 1 2; + } + + input { + flex-basis: calc(70% - 2rem); + grid-column: 2 3; + } + } + } +} |