degmods/degmods.com
6
1
Fork 0
Code Issues 32 Pull Requests Actions Packages Projects 3 Releases Wiki Activity

Update src/styles/tags.css
All checks were successful
Release to Staging / build_and_release (push) Successful in 1m2s
Details

Browse Source
This commit is contained in:
freakoverse 2025-02-08 23:59:06 +00:00
parent a547830da8
commit 53593663d2
1 changed files with 22 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/styles/tags.css
View File

@ -56,39 +56,49 @@
} }
.IBMSMSMBSSCategories { .IBMSMSMBSSCategories {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
grid-gap: 5px; grid-gap: 10px;
max-height: 300px;
overflow: auto;
padding: 10px;
background: #00000029;
border-radius: 10px;
border: solid 1px #ffffff14;
} }
.IBMSMSMBSSCategoriesBox { .IBMSMSMBSSCategoriesBox {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
grid-gap: 2px; grid-gap: 5px;
background: hsl(0deg 0% 100% / 0%); background: hsl(0deg 0% 0% / 10%);
border-radius: 5px; border-radius: 10px;
overflow: hidden;
white-space: nowrap; white-space: nowrap;
flex-wrap: wrap; flex-wrap: wrap;
padding: 10px;
border: solid 1px hsl(0deg 0% 100% / 10%);
} }
.IBMSMSMBSSCategoriesBoxItem { .IBMSMSMBSSCategoriesBoxItem {
transition: ease 0.3s;
padding: 10px 15px; padding: 10px 15px;
line-height: 1; line-height: 1;
color: hsl(0deg 0% 100% / 35%); color: #ffffff59;
background: hsl(0deg 0% 100% / 10%); background: #ffffff1a;
flex-grow: 1; flex-grow: 1;
border-radius: 5px;
} }
.IBMSMSMBSSCategoriesBoxSeparator { .IBMSMSMBSSCategoriesBoxSeparator {
padding: 5px; padding: 5px;
line-height: 1; line-height: 1;
color: hsl(0deg 0% 100% / 35%); color: #ffffff59;
background: hsl(0deg 0% 100% / 10%); background: #ffffff1a;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border-radius: 5px;
} }