mirrors/thebadspace
1
0
Fork 0
mirror of https://koodu.h-i.works/projects/thebadspace synced 2025-06-25 16:04:37 -05:00
Code Packages Releases Activity

Updated Location Page design

Browse Source 
Updated the design for pages displaying information about specifiic
locations to clearly display heat rating, silence and suspeneded
statistics.

Also inlcude a descriptor for heat rating.
This commit is contained in:
ro
2024-01-26 14:50:20 -06:00
parent 7aa6596573
commit a2af3ee10f
4 changed files with 69 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
public/assets/css/front/location.css
View File

@ -14,8 +14,43 @@ section[role="location"] img {
vertical-align: top;
}
div.location-rating {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 10px;
width: 98%;
font-weight: 500;
font-size: 0.8em;
color: var(--secondary);
}
div.location-rating > div {
border-radius: 3px;
color: var(--primary);
padding: 5px 5px 0;
}
div.location-rating > div:nth-child(1) {
background: var(--secondary);
}
div.location-rating > div:nth-child(2) {
background: var(--silence);
}
div.location-rating > div:nth-child(3) {
background: var(--suspend);
}
div.location-rating > div > span {
position: relative;
top: 6px;
float: right;
width: 80%;
text-align: center;
}
.rating-icon {
width: 45px;
top: 10px;
width: 35px;
position: relative;
}