shafin808s/edbridge-scholars
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: sidebar spacing and topics overflowing

Browse Source
This commit is contained in:
Sheikh Muhtadee Aslam Taron
2026-03-10 07:38:56 +06:00
parent a1295a0eb3
commit c09ecd7926
9 changed files with 101 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/pages/student/Rewards.tsx
View File

@ -45,6 +45,13 @@ const STYLES = `
overflow: hidden;
}
/* On desktop, account for sidebar */
@media (min-width: 768px) {
.rw-screen {
padding-left: calc(17rem + 1.25rem);
}
}
.rw-blob { position:fixed;pointer-events:none;z-index:0;filter:blur(48px);opacity:0.35; }
.rw-blob-1 { width:240px;height:240px;background:#fde68a;top:-80px;left:-80px;border-radius:60% 40% 70% 30%/50% 60% 40% 50%;animation:rwWobble1 14s ease-in-out infinite; }
.rw-blob-2 { width:190px;height:190px;background:#a5f3c0;bottom:-50px;left:6%;border-radius:40% 60% 30% 70%/60% 40% 60% 40%;animation:rwWobble2 16s ease-in-out infinite; }
@ -203,6 +210,23 @@ const STYLES = `
top:auto;
}
/* Tablet/small desktop: shift pill right to avoid sidebar overlap */
@media (min-width: 768px) and (max-width: 1200px) {
.rw-island-wrap {
left: calc(17rem + 10rem); /* sidebar width + gap */
transform: none;
align-items: flex-start;
}
}
/* Tablet/small desktop: shift pill right to avoid sidebar overlap */
@media (min-width: 1200px) {
.rw-island-wrap {
left: 50%;
transform: none;
align-items: flex-start;
}
}
.rw-island-card {
background:rgba(255,251,244,0.92);
backdrop-filter:blur(20px);