diff options
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/icons/close24.svg | 4 | ||||
| -rw-r--r-- | assets/style.scss | 26 |
2 files changed, 18 insertions, 12 deletions
diff --git a/assets/icons/close24.svg b/assets/icons/close24.svg new file mode 100644 index 0000000..d7e82ba --- /dev/null +++ b/assets/icons/close24.svg @@ -0,0 +1,4 @@ +<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> +<path d="M3 3L21 21" stroke="black" stroke-width="2"/> +<path d="M3 21L21 3" stroke="black" stroke-width="2"/> +</svg> diff --git a/assets/style.scss b/assets/style.scss index 245e5c7..f781976 100644 --- a/assets/style.scss +++ b/assets/style.scss @@ -155,11 +155,11 @@ p { flex-direction: column; } -.chats-list>*, .roster-list>* { +.chats-list>*, .roster-list>*, .settings .header { padding: 8px 16px; } -.chats-list .header, .roster-list .header { +.chats-list .header, .roster-list .header, .settings .header { margin-top: 0.4rem; border-bottom: 2px solid black; display: flex; @@ -589,20 +589,21 @@ p { } .modal { - position: relative; - z-index: 150; -} - -.modal-background { - background-color: rgba(0, 0, 0, 0.1); -} - -.modal-content { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; + z-index: 150; + display: flex; + justify-content: center; + align-items: center; + background-color: rgba(0, 0, 0, 0.4); +} + +.settings { + width: 75vw; + height: 75vh; } .modal .overlay { @@ -672,7 +673,8 @@ hr { } .new-chat:hover, .new-chat.open, -.add-contact:hover, .add-contact.open { +.add-contact:hover, .add-contact.open, +.close:hover { background: #00000060; } |
