From 2e1a8988fe0038444dcd376f866d381c8e972327 Mon Sep 17 00:00:00 2001 From: Liliana Sanfilippo <liliana.sanfilippo@uni-bielefeld.de> Date: Fri, 27 Sep 2024 00:21:42 +0200 Subject: [PATCH] hp --- src/App/App.css | 8 ++++---- src/App/Timelines.css | 16 ++++------------ 2 files changed, 8 insertions(+), 16 deletions(-) diff --git a/src/App/App.css b/src/App/App.css index 3ed4099b..4c283a62 100644 --- a/src/App/App.css +++ b/src/App/App.css @@ -839,10 +839,10 @@ img .middle{ .img-round{ border-radius: 50%; - width: 100px; - height: 100px; - max-height: 12vh; - max-width: 12vh; + width: 120px; + height: 120px; + max-height: 13vh; + max-width: 13vh; object-fit: cover !important; } .img-cube{ diff --git a/src/App/Timelines.css b/src/App/Timelines.css index ce615cca..38f0fcc3 100644 --- a/src/App/Timelines.css +++ b/src/App/Timelines.css @@ -402,9 +402,10 @@ z-index: 100; } .fillup { - flex: 1; /* Nimmt den verfügbaren Platz ein */ - height: auto; /* Passt die Höhe automatisch an den Inhalt an */ - overflow: hidden; + flex: 1; + display: flex; /* Flex-Layout aktivieren */ + align-items: center; /* Vertikale Zentrierung */ + justify-content: center; /* Horizontale Zentrierung */ } .timeline-item .row:first-child { @@ -418,17 +419,8 @@ z-index: 100; margin-top: auto; /* Schiebt die letzte Reihe nach unten */ } -.timeline-item { - background: rgba(255, 0, 0, 0.1); /* Leicht rötlicher Hintergrund für Debugging */ -} -.fillup { - border: 1px solid blue; /* Blauer Rahmen um die Reihen */ -} -.hpbuttonrow { - background: rgba(0, 255, 0, 0.1); /* Leicht grüner Hintergrund für Debugging */ -} .fillup-wrapper{ display: flex; -- GitLab