diff options
| author | crupest <crupest@outlook.com> | 2023-09-20 20:26:42 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-09-20 20:26:42 +0800 |
| commit | f836d77e73f3ea0af45c5f71dae7268143d6d86f (patch) | |
| tree | 573cfafd972106d69bef0d41ff5f270ec3c43ec2 /FrontEnd/src/pages/timeline/Timeline.css | |
| parent | 4a069bf1268f393d5467166356f691eb89963152 (diff) | |
| parent | 901fe3d7c032d284da5c9bce24c4aaee9054c7ac (diff) | |
| download | timeline-f836d77e73f3ea0af45c5f71dae7268143d6d86f.tar.gz timeline-f836d77e73f3ea0af45c5f71dae7268143d6d86f.tar.bz2 timeline-f836d77e73f3ea0af45c5f71dae7268143d6d86f.zip | |
Merge pull request #1395 from crupest/dev
Refector 2023 v0.1
Diffstat (limited to 'FrontEnd/src/pages/timeline/Timeline.css')
| -rw-r--r-- | FrontEnd/src/pages/timeline/Timeline.css | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/FrontEnd/src/pages/timeline/Timeline.css b/FrontEnd/src/pages/timeline/Timeline.css new file mode 100644 index 00000000..db25eda0 --- /dev/null +++ b/FrontEnd/src/pages/timeline/Timeline.css @@ -0,0 +1,42 @@ +.timeline-container { + --timeline-background-color: hsl(0, 0%, 95%); + --timeline-shadow-color: hsla(0, 0%, 0%, 0.5); + --timeline-card-shadow: 2px 1px 10px -2px var(--timeline-shadow-color); + --timeline-post-card-background-color: hsl(0, 0%, 100%); + --timeline-post-card-shadow: 0px 0px 11px -2px var(--timeline-shadow-color); + --timeline-post-card-border-radius: 10px; + --timeline-post-text-color: hsl(0, 0%, 0%); + --timeline-datetime-label-background-color: hsl(0, 0%, 30%); +} + +@media (prefers-color-scheme: dark) { + .timeline-container { + --timeline-background-color: hsl(0, 0%, 0%); + --timeline-post-card-background-color: hsl(0, 0%, 15%); + --timeline-post-card-shadow: none; + } +} + +.timeline { + z-index: 0; + position: relative; + width: 100%; + padding-top: 10px; + background: var(--timeline-background-color); +} + +.timeline-sync-state-badge { + font-size: 0.8em; + padding: 3px 8px; + border-radius: 5px; + background: #e8fbff; +} + +.timeline-sync-state-badge-pin { + display: inline-block; + width: 0.4em; + height: 0.4em; + border-radius: 50%; + vertical-align: middle; + margin-right: 0.6em; +} |