diff options
| author | Paul Frazee <pfrazee@gmail.com> | 2022-07-25 23:08:24 -0500 |
|---|---|---|
| committer | Paul Frazee <pfrazee@gmail.com> | 2022-07-25 23:08:24 -0500 |
| commit | 041bfa22a99d8d6b4b17ad36c983e9e2b2444918 (patch) | |
| tree | b03d7934b27af87c76fa62424fa70e6d0e5229a8 /public | |
| parent | af55a89758fc6d44896051b9ddd015a73b92e0f6 (diff) | |
| download | voidsky-041bfa22a99d8d6b4b17ad36c983e9e2b2444918.tar.zst | |
Implement Web versions of the bottom sheet, toast, and progress circle
Diffstat (limited to 'public')
| -rw-r--r-- | public/index.html | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/public/index.html b/public/index.html index f6cb612b6..54fb90eea 100644 --- a/public/index.html +++ b/public/index.html @@ -11,6 +11,45 @@ body { overflow: hidden; } /* These styles make the root element full-height */ #root { display:flex; height:100%; } + + /* These styles are for src/view/com/modals/WebModal */ + div[data-modal-overlay] { + position: fixed; + top: 0; + left: 0; + background: #0004; + width: 100vw; + height: 100vh; + } + div[data-modal-container] { + position: fixed; + top: 20vh; + left: calc(50vw - 300px); + width: 600px; + padding: 20px; + background: #fff; + border-radius: 10px; + box-shadow: 0 5px 10px #0005; + } + + /* These styles are for src/view/com/util/Toast */ + div[data-toast-container] { + position: fixed; + bottom: 5vh; + right: 5vh; + width: 350px; + padding: 20px; + display: flex; + flex-direction: row; + align-items: center; + background: #fff; + border-radius: 10px; + box-shadow: 0 5px 10px #0005; + } + div[data-toast-container] > div { + font-size: 18px; + margin-left: 10px; + } </style> </head> <body> |