diff --git a/src/components/modals/main/scss/settings/modules/tabs/_order.scss b/src/components/modals/main/scss/settings/modules/tabs/_order.scss index 96b68825..7a046987 100644 --- a/src/components/modals/main/scss/settings/modules/tabs/_order.scss +++ b/src/components/modals/main/scss/settings/modules/tabs/_order.scss @@ -47,23 +47,31 @@ .images-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); - height: 250px; padding: 20px; grid-gap: 20px; @include themed() { div { - background: t($modal-sidebar); - padding: 10px; - box-shadow: 0 0 0 4px t($modal-sidebarActive); border-radius: t($borderRadius); - gap: 10px; + border: 5px t($modal-sidebar) solid; display: flex; + align-items: center; justify-content: center; + flex-flow: column; + gap: 5px; img { - width: auto; - height: 100px; + width: 100%; + height: 200px; + object-fit: cover; border-radius: t($borderRadius); } + button { + padding: 0 30px 0 30px; + background: t($modal-background); + border: none !important; + &:hover { + background: t($modal-sidebarActive); + } + } } .iconButton { width: calc(100% - 22px); diff --git a/src/components/modals/main/settings/sections/Stats.jsx b/src/components/modals/main/settings/sections/Stats.jsx index 32f9fdac..fa0da2a4 100644 --- a/src/components/modals/main/settings/sections/Stats.jsx +++ b/src/components/modals/main/settings/sections/Stats.jsx @@ -84,6 +84,8 @@ export default class Stats extends PureComponent {