diff options
Diffstat (limited to 'WebInterface/NodeJSServer/src/style/partials/modal')
-rw-r--r-- | WebInterface/NodeJSServer/src/style/partials/modal/_base.scss | 2 | ||||
-rw-r--r-- | WebInterface/NodeJSServer/src/style/partials/modal/_login.scss | 30 |
2 files changed, 32 insertions, 0 deletions
diff --git a/WebInterface/NodeJSServer/src/style/partials/modal/_base.scss b/WebInterface/NodeJSServer/src/style/partials/modal/_base.scss index 1e7742e..1665003 100644 --- a/WebInterface/NodeJSServer/src/style/partials/modal/_base.scss +++ b/WebInterface/NodeJSServer/src/style/partials/modal/_base.scss @@ -24,7 +24,9 @@ } .modal-title { + max-width: 85vw; margin: 1rem; + text-align: center; } .modal-body { 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; + } + } + } +} |