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