diff options
Diffstat (limited to 'FrontEnd/src/pages/timeline/TimelineCard.css')
| -rw-r--r-- | FrontEnd/src/pages/timeline/TimelineCard.css | 47 |
1 files changed, 45 insertions, 2 deletions
diff --git a/FrontEnd/src/pages/timeline/TimelineCard.css b/FrontEnd/src/pages/timeline/TimelineCard.css index 75ce6c51..1bffe980 100644 --- a/FrontEnd/src/pages/timeline/TimelineCard.css +++ b/FrontEnd/src/pages/timeline/TimelineCard.css @@ -6,13 +6,56 @@ margin: 0.5em; } +@media (min-width: 576px) { + .timeline-card-expand { + min-width: 400px; + } +} + .timeline-card-title { display: inline-block; vertical-align: middle; - color: var(--cru-key-on-color); + color: var(--cru-key-container-on-color); + margin: 0.5em 1em; } .timeline-card-title-name { margin-inline-start: 1em; - color: var(--cru-surface-on-color); + color: var(--cru-surface-on-variant-color); +} + +.timeline-card-user { + display: flex; + align-items: center; + margin: 0 1em 0.5em; +} + +.timeline-card-user-avatar { + width: 2em; + height: 2em; + border-radius: 50%; +} + +.timeline-card-user-nickname { + margin-inline: 0.6em; +} + +.timeline-card-description { + margin: 0 1em 0.5em; +} + +.timeline-card-top-right-area { + float: right; + display: flex; + align-items: center; + margin: 0 1em; +} + +.timeline-card-buttons { + display: flex; + justify-content: end; +} + +.timeline-card-button { + margin: 0 0.2em; }
\ No newline at end of file |