diff options
| author | crupest <crupest@outlook.com> | 2023-09-20 19:37:02 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2023-09-20 19:37:02 +0800 |
| commit | e06f1a33e678ac264f9290013f49237ea97e699b (patch) | |
| tree | 4179594a70bc36821df4326adb3246e2d55eee4e /FrontEnd/src/pages/timeline/Timeline.css | |
| parent | bdc69c18c1986544497b6974ffe5d8e073e4be6d (diff) | |
| download | timeline-e06f1a33e678ac264f9290013f49237ea97e699b.tar.gz timeline-e06f1a33e678ac264f9290013f49237ea97e699b.tar.bz2 timeline-e06f1a33e678ac264f9290013f49237ea97e699b.zip | |
...
Diffstat (limited to 'FrontEnd/src/pages/timeline/Timeline.css')
| -rw-r--r-- | FrontEnd/src/pages/timeline/Timeline.css | 19 |
1 files changed, 8 insertions, 11 deletions
diff --git a/FrontEnd/src/pages/timeline/Timeline.css b/FrontEnd/src/pages/timeline/Timeline.css index 5bf0a7bb..01a6acd6 100644 --- a/FrontEnd/src/pages/timeline/Timeline.css +++ b/FrontEnd/src/pages/timeline/Timeline.css @@ -1,17 +1,19 @@ .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-line-color: hsl(56, 82%, 55%); - --timeline-post-line-shadow: 2px 1px 10px -1px var(--timeline-shadow-color); --timeline-post-card-background-color: hsl(0, 0%, 100%); - --timeline-post-card-shadow: 4px 2px 10px -2px var(--timeline-shadow-color); + --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 { - --timeline-post-card-background-color: hsl(0, 0%, 12%); + .timeline-container { + --timeline-background-color: hsl(0, 0%, 0%); + --timeline-post-card-background-color: hsl(0, 0%, 15%); + --timeline-post-card-shadow: none; } } @@ -20,11 +22,7 @@ position: relative; width: 100%; padding-top: 10px; -} - -.timeline-content-image { - max-width: 80%; - max-height: 200px; + background: var(--timeline-background-color); } .timeline-post-item-options-mask { @@ -58,4 +56,3 @@ vertical-align: middle; margin-right: 0.6em; } - |