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/TimelinePostView.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/TimelinePostView.css')
| -rw-r--r-- | FrontEnd/src/pages/timeline/TimelinePostView.css | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/FrontEnd/src/pages/timeline/TimelinePostView.css b/FrontEnd/src/pages/timeline/TimelinePostView.css new file mode 100644 index 00000000..a8db46bf --- /dev/null +++ b/FrontEnd/src/pages/timeline/TimelinePostView.css @@ -0,0 +1,37 @@ +.timeline-post-header { + display: flex; + align-items: center; +} + +.timeline-post-author-avatar { + border-radius: 50%; + width: 2em; + height: 2em; +} + +.timeline-post-author-nickname { + margin: 0 1em; +} + +.timeline-post-edit-button { + float: right; +} + +.timeline-post-options-mask { + position: absolute; + inset: 0; + background-color: hsla(0, 0%, 100%, 0.9); + display: flex; + align-items: center; + justify-content: space-around; +} + +@media (prefers-color-scheme: dark) { + .timeline-post-options-mask { + background-color: hsla(0, 0%, 0%, 0.8); + } +} + +.timeline-post-content { + margin-top: 0.5em; +} |