Fix: Various bugs

Co-authored-by: David Ralph <me@davidcralph.co.uk>
Co-authored-by: Isaac <contact@eartharoid.me>
This commit is contained in:
alexsparkes
2024-03-18 22:08:08 +00:00
parent c2019de7d2
commit ae0530cfc6
43 changed files with 283 additions and 192 deletions

View File

@@ -49,13 +49,16 @@
padding: 0.5em;
border-radius: 12px;
cursor: pointer;
transition: 0.5s;
svg {
font-size: 2em;
}
&:hover {
background: rgb(121 121 121 / 22.6%);
@include themed {
background: t($modal-sidebarActive);
}
}
}

View File

@@ -22,42 +22,51 @@ p.description {
.item {
flex: 1 0 40% !important;
}
.infoItem {
display: flex;
flex-flow: row;
align-items: center;
gap: 15px;
flex: 1 0 44%;
@include themed {
background: t($modal-sidebar);
box-shadow: t(boxshadow);
border-radius: t($borderRadius);
padding: 15px;
.infoItem {
display: flex;
flex-flow: row;
align-items: center;
gap: 15px;
flex: 1 0 44%;
svg {
font-size: 25px;
color: t($subColor);
}
.text {
display: flex;
flex-flow: column;
svg {
@include themed() {
background-image: t($slightGradient);
}
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 20px;
border-radius: 100%;
}
.header {
text-transform: uppercase;
.text {
display: flex;
flex-flow: column;
}
}
.header {
text-transform: uppercase;
@include themed {
color: t($subColor);
}
}
span {
span {
@include themed {
color: t($color);
}
}
@include themed {
background: t($modal-sidebar);
box-shadow: 0 0 0 1px t($modal-sidebarActive);
border-radius: t($borderRadius);
padding: 15px;
}
}
.showMoreItems {
display: flex;
flex-flow: column;
@@ -65,3 +74,9 @@ p.description {
align-items: center;
gap: 10px;
}
.marketplaceDescription {
display: flex;
flex-flow: column;
gap: 15px;
}

View File

@@ -148,6 +148,11 @@ table {
gap: 25px;
padding: 25px;
justify-content: space-between;
@include themed {
background: t($modal-sidebar);
border-radius: t($borderRadius);
box-shadow: 0 0 0 1px t($modal-sidebarActive);
}
div:nth-child(1) {
display: flex;
@@ -157,15 +162,13 @@ table {
}
.icon {
border-radius: 100%;
display: grid;
place-items: center;
padding: 15px;
font-size: 25px;
@include themed {
background: t($modal-sidebarActive);
@include themed() {
background-image: t($slightGradient);
box-shadow: t($boxShadow);
}
padding: 15px;
border-radius: 100%;
font-size: 25px;
}
.messageText {
@@ -190,11 +193,6 @@ table {
.messageAction {
float: right;
}
@include themed {
background: t($modal-sidebar);
border-radius: t($borderRadius);
}
}
.messagesContainer {