diff options
| author | V <vendicated@riseup.net> | 2023-04-01 02:47:49 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-04-01 02:47:49 +0200 |
| commit | 6960a439c9c2af261517b00b0b16a7fc5756c48b (patch) | |
| tree | 4e1832c5cc295b26046e193ac5cf60bcd2590568 /src/api/Notifications/styles.css | |
| parent | 4dff1c5bd5b16e926bc628acf11118344832a374 (diff) | |
| download | Vencord-6960a439c9c2af261517b00b0b16a7fc5756c48b.tar.gz Vencord-6960a439c9c2af261517b00b0b16a7fc5756c48b.tar.bz2 Vencord-6960a439c9c2af261517b00b0b16a7fc5756c48b.zip | |
Add Notification log (#745)
Diffstat (limited to 'src/api/Notifications/styles.css')
| -rw-r--r-- | src/api/Notifications/styles.css | 58 |
1 files changed, 53 insertions, 5 deletions
diff --git a/src/api/Notifications/styles.css b/src/api/Notifications/styles.css index cd37142..98dff6d 100644 --- a/src/api/Notifications/styles.css +++ b/src/api/Notifications/styles.css @@ -3,16 +3,20 @@ all: unset; display: flex; flex-direction: column; - width: 25vw; - min-height: 10vh; color: var(--text-normal); background-color: var(--background-secondary-alt); - position: absolute; - z-index: 2147483647; - right: 1rem; border-radius: 6px; overflow: hidden; cursor: pointer; + width: 100%; +} + +.vc-notification-root:not(.vc-notification-log-wrapper > .vc-notification-root) { + position: absolute; + z-index: 2147483647; + right: 1rem; + width: 25vw; + min-height: 10vh; } .vc-notification { @@ -72,3 +76,47 @@ .vc-notification-img { width: 100%; } + +.vc-notification-log-empty { + height: 218px; + background: url("/assets/b36de980b174d7b798c89f35c116e5c6.svg") center no-repeat; + margin-bottom: 40px; +} + +.vc-notification-log-container { + display: flex; + flex-direction: column; + padding: 1em; + overflow: hidden; +} + +.vc-notification-log-wrapper { + transition: 200ms ease; + transition-property: height, opacity; +} + +.vc-notification-log-wrapper:not(:last-child) { + margin-bottom: 1em; +} + +.vc-notification-log-removing { + height: 0 !important; + opacity: 0; + margin-bottom: 1em; +} + +.vc-notification-log-body { + display: flex; + flex-direction: column; +} + +.vc-notification-log-timestamp { + margin-left: auto; + font-size: 0.8em; + font-weight: lighter; +} + +.vc-notification-log-danger-btn { + color: var(--white-500); + background-color: var(--button-danger-background); +} |