diff options
author | TrueKuehli <rctcoaster2000@hotmail.de> | 2018-09-29 21:52:43 +0200 |
---|---|---|
committer | TrueKuehli <rctcoaster2000@hotmail.de> | 2018-09-29 21:52:43 +0200 |
commit | 330c49947c82d3d66f65f03abcad75d57d3dc121 (patch) | |
tree | fc289fc5d09561b1a05e0a9c0979968687f6eda4 /WebInterface/NodeJSServer/src/style | |
parent | abd51697be6ca4580c15929ccb2569a1e984ef88 (diff) |
Started work on Modals
Started work on the modals, that will be used as dialog boxes to create a new server, or to log into an existing one with the required password.
Currently just calls the creation method at start, and with not much content, which will be added later.
Diffstat (limited to 'WebInterface/NodeJSServer/src/style')
-rw-r--r-- | WebInterface/NodeJSServer/src/style/index.scss | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/WebInterface/NodeJSServer/src/style/index.scss b/WebInterface/NodeJSServer/src/style/index.scss index 83f9f0a..b5ca607 100644 --- a/WebInterface/NodeJSServer/src/style/index.scss +++ b/WebInterface/NodeJSServer/src/style/index.scss @@ -391,3 +391,35 @@ body { text-align: center; } } + +.modal-container { + position:absolute; + top: 0; + width: 100vw; + height: 100vh; + background-color: #000000AA; + display: flex; + opacity: 1; + transition: opacity 200ms ease; + + &.hidden { + opacity: 0; + } + + .modal { + background-color: #546e7a; + margin: auto; + padding: 1rem; + border-style: none; + border-radius: 8px; + box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); + } + + .modal-title { + margin: 1rem; + } + + .modal-body { + margin: 0.25rem; + } +} |