iot/spore-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: styling

Browse Source
This commit is contained in:
0x1d
2025-08-28 11:08:07 +02:00
parent e5e9dfd6cd
commit b0542f3164
1 changed files with 25 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
public/styles.css
View File

@@ -209,16 +209,17 @@ p {
} }
.member-card { .member-card {
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 10px; border-radius: 10px;
padding: 1rem; padding: 1rem;
transition: all 0.2s ease; transition: all 0.2s ease;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
opacity: 1; opacity: 1;
transform: translateY(0); transform: translateY(0);
z-index: 1;
} }
.member-card::before { .member-card::before {
@@ -240,14 +241,16 @@ p {
} }
.member-card:hover { .member-card:hover {
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
transform: translateY(-2px); transform: translateY(-2px);
z-index: 2;
} }
.member-card.expanded { .member-card.expanded {
background: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.6);
border-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
z-index: 5;
} }
.member-card.expanded:hover { .member-card.expanded:hover {
@@ -307,15 +310,16 @@ p {
} }
.member-details { .member-details {
max-height: 0; max-height: 0;
overflow: hidden; overflow: hidden;
transition: max-height 0.3s ease-in-out, opacity 0.2s ease-in-out; transition: max-height 0.3s ease-in-out, opacity 0.2s ease-in-out;
opacity: 0; opacity: 0;
} }
.member-card.expanded .member-details { .member-card.expanded .member-details {
max-height: 2000px; /* Allow full expansion for active tasks while maintaining smooth transition */ max-height: none; /* Remove fixed limit to allow dynamic height */
opacity: 1; opacity: 1;
overflow: visible;
} }
.detail-row { .detail-row {
@@ -1689,7 +1693,6 @@ p {
} }
.member-card.expanded .member-details { .member-card.expanded .member-details {
max-height: 2000px; /* Allow full expansion for active tasks while maintaining smooth transition */
opacity: 1; opacity: 1;
} }