diff --git a/assets/css/inputs.css b/assets/css/inputs.css index bc2c205..1f72837 100644 --- a/assets/css/inputs.css +++ b/assets/css/inputs.css @@ -182,7 +182,7 @@ .filter-label { display: flex; justify-content: space-between; - padding: .5rem 0 .25rem .5rem; + padding: .5rem 0 .25rem .25rem; color: var(--shadow); font-weight: bold; font-size: .9rem; @@ -209,7 +209,7 @@ height: 1.25rem; appearance: none; border-radius: 1rem; - background-color: var(--shadow-weak-30); + background-color: var(--shadow-weak-40); background-image: radial-gradient(circle, var(--shadow-weak-10) .3rem, transparent calc(.3rem + 1px)); cursor: pointer; diff --git a/assets/css/theme.css b/assets/css/theme.css index 1a05011..ed097e6 100644 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -57,5 +57,5 @@ --enabled-background: rgba(0, 255, 0, .1); --disabled: #c20; --disabled-background: rgba(255, 0, 0, .1); - --disabled-handle: #aaa; + --disabled-handle: var(--grey-light-10); } diff --git a/components/actors/tile.vue b/components/actors/tile.vue index 7c4b2d2..7b2d7e8 100644 --- a/components/actors/tile.vue +++ b/components/actors/tile.vue @@ -62,12 +62,13 @@ defineProps({ .actor { display: flex; flex-direction: column; - width: 10rem; - height: 15rem; + width: 100%; + aspect-ratio: 2/3; position: relative; border-radius: .25rem; margin: .25rem; box-shadow: 0 0 3px var(--shadow-weak-30); + overflow: hidden; &:hover { box-shadow: 0 0 3px var(--shadow-weak-20); @@ -82,6 +83,9 @@ defineProps({ padding: .25rem .5rem; font-weight: bold; font-size: .9rem; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; user-select: all; } diff --git a/components/form/range.vue b/components/form/range.vue index 760738c..b913ff9 100755 --- a/components/form/range.vue +++ b/components/form/range.vue @@ -161,8 +161,8 @@ async function setRange(prop, value) { border-radius: .625rem; &.disabled { - --slider-range: var(--shadow-weak-30); - --slider-thumb: var(--grey-dark-10); + --slider-range: var(--shadow-weak-40); + --slider-thumb: var(--disabled-handle); } } diff --git a/components/pagination/pagination.vue b/components/pagination/pagination.vue index 878b6a8..9da1377 100644 --- a/components/pagination/pagination.vue +++ b/components/pagination/pagination.vue @@ -3,17 +3,19 @@