creations/profilePage
1
2
Fork 4
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix xss issue aka: #3, update depends change how activities display, remove readme title,

Browse source
This commit is contained in:
creations 2025-04-06 20:59:38 -04:00
parent 6a502d030d
commit c79ee2b203
Signed by: creations
GPG key ID: 8F553AA4320FC711
6 changed files with 270 additions and 127 deletions
Download patch file Download diff file Expand all files Collapse all files

97
public/css/index.css
View file

@ -142,18 +142,28 @@ ul {
display: flex;
flex-direction: row;
gap: 1rem;
background: #1a1a1d;
padding: 1rem;
border-radius: 6px;
box-shadow: 0 0 0 1px #2e2e30;
transition: background 0.2s ease;
align-items: flex-start;
background-color: #1e1f22;
padding: 0.75rem 1rem;
border-radius: 10px;
box-shadow: 0 1px 0 0 #2e2e30;
}
.activity:hover {
background: #2a2a2d;
}
.activity-wrapper {
display: flex;
flex-direction: column;
width: 100%;
}
.activity-wrapper-inner {
display: flex;
flex-direction: row;
gap: 1rem;
}
.activity-art {
width: 80px;
height: 80px;
@ -165,7 +175,15 @@ ul {
.activity-content {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
gap: 0.5rem;
position: relative;
}
.activity-top {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
@ -175,36 +193,49 @@ ul {
align-items: flex-start;
}
.activity-bottom {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.activity-name {
font-weight: bold;
font-size: 1.1rem;
color: #ffffff;
font-weight: 600;
font-size: 1rem;
color: #fff;
}
.activity-detail {
font-size: 0.95rem;
color: #ccc;
font-size: 0.875rem;
color: #b5bac1;
}
.activity-timestamp {
font-size: 0.8rem;
color: #777;
font-size: 0.75rem;
color: #b5bac1;
text-align: right;
margin-left: auto;
white-space: nowrap;
}
.progress-bar {
height: 6px;
background-color: #333;
border-radius: 3px;
overflow: hidden;
width: 100%;
height: 4px;
background-color: #2e2e30;
border-radius: 2px;
margin-top: 0.5rem;
overflow: hidden;
}
.progress-fill {
background-color: #5865f2;
transition: width 0.4s ease;
height: 100%;
background-color: #00b0f4;
transition: width 0.5s ease;
}
.progress-bar,
.progress-time-labels {
width: 100%;
margin-top: 0.5rem;
}
.progress-time-labels {
@ -215,6 +246,21 @@ ul {
margin-top: 0.25rem;
}
.activity-type-wrapper {
display: flex;
align-items: center;
gap: 0.5rem;
}
.activity-type-label {
font-size: 0.75rem;
text-transform: uppercase;
font-weight: 600;
color: #aaa;
margin-bottom: 0.50rem;
display: block;
}
.activity-header.no-timestamp {
justify-content: flex-start;
}
@ -226,9 +272,9 @@ ul {
.activity-buttons {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 0.75rem;
justify-content: flex-end;
}
.activity-button {
@ -249,10 +295,9 @@ ul {
text-decoration: none;
}
.activity-button.disabled {
background-color: #4e5058;
cursor: default;
pointer-events: none;
.activity-button:disabled {
background-color: #2d2e31;
cursor: not-allowed;
opacity: 0.8;
}
@ -392,6 +437,8 @@ ul {
border-radius: 8px;
box-shadow: 0 0 0 1px #2e2e30;
margin-top: 2rem;
box-sizing: border-box;
overflow: hidden;
overflow-y: auto;