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

Link Updates, Recent Links on Index clean up

Browse Source 
Started the front end refresh by starting to plug in the new design on
the index page. The search methodology was still not consistent, so that
process was cleaned up to display what is actually being tracked based
on the two action criteria, then updating the design for the location
links to be clear and display the heat rating.

Added a repo link to the About section.
This commit is contained in:
ro
2024-01-22 13:45:11 -06:00
parent 4a341dc40d
commit b644e303a4
7 changed files with 87 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
public/assets/css/front/listing.css
View File

@ -37,7 +37,47 @@ section[role="listings"] div[role="paginate"] span {
a.list-link {
display: grid;
grid-template-columns: 30px 50px 30px 50px 300px;
grid-template-columns: 70px 80% 80px 80px;
gap: 10px;
width: 80%;
height: 45px;
padding-bottom: 20px;
}
a.list-link > .item-rating {
background: var(--secondary);
border-radius: 3px;
color: var(--white);
font-weight: 500;
padding: 10px;
}
a.list-link > .item-name {
background: var(--white);
border-radius: 3px;
color: var(--black);
font-weight: 400;
padding: 9px 5px;
}
a.list-link > .item-silence {
background: var(--silence);
border-radius: 3px;
color: var(--black);
font-weight: 500;
padding: 10px;
}
a.list-link > .item-block {
background: var(--suspend);
border-radius: 3px;
color: var(--black);
font-weight: 500;
padding: 10px;
}
a.list-link > .item-silence > .item-icon,
a.list-link > .item-block > .item-icon {
width: 30px;
vertical-align: top;
}

6
public/assets/css/global/colors.css
View File

@ -2,12 +2,12 @@
/* BASE COLORS */
--primary: #140c08;
--secondary: #d66365;
--highlight: #69b04f;
--highlight: #5c934c;
--white: #efebe3;
--grey: #abb7b7;
--black: #32302f;
--error: #b62520;
--silence: #ea6010;
--suspend: #fb263a;
--silence: #bd8d61;
--suspend: #bd6190;
--primary-rgb: 20 13 13;
}