diff --git a/src/styles/tags.css b/src/styles/tags.css index 85d0955..64c1872 100644 --- a/src/styles/tags.css +++ b/src/styles/tags.css @@ -56,39 +56,49 @@ } .IBMSMSMBSSCategories { - width: 100%; - display: flex; - flex-direction: column; - grid-gap: 5px; + width: 100%; + display: flex; + flex-direction: column; + grid-gap: 10px; + max-height: 300px; + overflow: auto; + padding: 10px; + background: #00000029; + border-radius: 10px; + border: solid 1px #ffffff14; } .IBMSMSMBSSCategoriesBox { width: 100%; display: flex; flex-direction: row; - grid-gap: 2px; - background: hsl(0deg 0% 100% / 0%); - border-radius: 5px; - overflow: hidden; + grid-gap: 5px; + background: hsl(0deg 0% 0% / 10%); + border-radius: 10px; white-space: nowrap; flex-wrap: wrap; + padding: 10px; + border: solid 1px hsl(0deg 0% 100% / 10%); } .IBMSMSMBSSCategoriesBoxItem { + transition: ease 0.3s; padding: 10px 15px; line-height: 1; - color: hsl(0deg 0% 100% / 35%); - background: hsl(0deg 0% 100% / 10%); + color: #ffffff59; + background: #ffffff1a; flex-grow: 1; + border-radius: 5px; } .IBMSMSMBSSCategoriesBoxSeparator { padding: 5px; line-height: 1; - color: hsl(0deg 0% 100% / 35%); - background: hsl(0deg 0% 100% / 10%); + color: #ffffff59; + background: #ffffff1a; display: flex; flex-direction: column; justify-content: center; align-items: center; + border-radius: 5px; } \ No newline at end of file