d9f9e0c461
This adds some new visualizations and styles and reports and cleans up some existing styles and class names. Daily activity rhythm <img width="1588" height="412" alt="image" src="https://github.com/user-attachments/assets/0c7980e4-7bb6-4e08-9957-24c3c5718572" /> Helping new members <img width="1456" height="310" alt="image" src="https://github.com/user-attachments/assets/096a13da-ab63-45d4-9b68-53a01df62a78" /> Chat activity <img width="1442" height="926" alt="image" src="https://github.com/user-attachments/assets/07ce2cab-1963-4918-a9ff-805c251a1377" /> Assigns <img width="1388" height="844" alt="image" src="https://github.com/user-attachments/assets/ee49c6ee-2da6-4bfa-b500-715ed7ceb13a" /> AI usage <img width="1442" height="1254" alt="image" src="https://github.com/user-attachments/assets/b382bffb-010d-4072-9144-cb7e6a8680e3" /> Invitations <img width="1486" height="1346" alt="image" src="https://github.com/user-attachments/assets/020f68a9-69d2-46ed-9f38-b0d5e98d02de" /> Writing analysis <img width="917" height="409" alt="image" src="https://github.com/user-attachments/assets/1147427c-513f-4737-8f28-99bfc6f4aff9" /> --------- Co-authored-by: awesomerobot <[email protected]> Co-authored-by: Martin Brennan <[email protected]>
74 lines
1.4 KiB
SCSS
74 lines
1.4 KiB
SCSS
.--most-viewed-tags,
|
|
.--most-viewed-categories {
|
|
.rewind-card {
|
|
@include rewind-border;
|
|
flex-grow: 1;
|
|
position: relative;
|
|
background: var(--rewind-black);
|
|
border-radius: 4px;
|
|
z-index: 1;
|
|
width: 100%;
|
|
transition: transform 0.3s ease;
|
|
transform: skew(-1deg) scaleY(1);
|
|
|
|
p {
|
|
color: var(--rewind-white);
|
|
}
|
|
}
|
|
|
|
.folder-tab {
|
|
display: block;
|
|
content: "";
|
|
width: 3em;
|
|
height: 1em;
|
|
border: 2px solid var(--rewind-green);
|
|
border-bottom: none;
|
|
border-radius: 6px 6px 0 0;
|
|
position: absolute;
|
|
top: -1em;
|
|
left: 0;
|
|
z-index: 1;
|
|
transition: background-color 0.3s ease;
|
|
background: var(--rewind-black);
|
|
}
|
|
|
|
.folder-bg {
|
|
content: "";
|
|
border: 2px solid var(--rewind-green);
|
|
width: calc(100% - 4px);
|
|
bottom: 0;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
position: absolute;
|
|
border-radius: 0 4px 4px;
|
|
transition: background-color 0.3s ease;
|
|
z-index: -1;
|
|
}
|
|
|
|
.folder-wrapper {
|
|
display: flex;
|
|
position: relative;
|
|
flex: 1;
|
|
margin-top: 1.5em;
|
|
|
|
&:hover {
|
|
z-index: 4;
|
|
|
|
.folder-bg,
|
|
.folder-tab {
|
|
background-color: var(--rewind-white);
|
|
}
|
|
|
|
.rewind-card {
|
|
transform: skew(-10deg) scaleY(0.9) translateY(7px) translateX(10px);
|
|
box-shadow: -12px -30px 30px rgb(255 255 255 / 0.5);
|
|
|
|
p {
|
|
color: var(--rewind-yellow);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|