fix more styling

This commit is contained in:
psitacus 2025-07-14 22:05:31 -06:00
parent 3999538234
commit b1fcf89bd6

View file

@ -178,7 +178,7 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
position: relative; position: relative;
width: 80px; width: 95px;
height: 30px; height: 30px;
.status-label { .status-label {
@ -186,7 +186,8 @@
position: relative; position: relative;
top: 30px; top: 30px;
height: 22px; height: 22px;
width: 100%; width: 94px;
border-radius: 3px;
background: light-dark(@dark-blue, @golden); background: light-dark(@dark-blue, @golden);
h4 { h4 {
@ -197,7 +198,6 @@
font-size: 12px; font-size: 12px;
} }
} }
.status-value { .status-value {
position: absolute; position: absolute;
display: flex; display: flex;
@ -210,6 +210,9 @@
text-align: center; text-align: center;
z-index: 2; z-index: 2;
color: light-dark(@dark-blue, @beige); color: light-dark(@dark-blue, @beige);
border: 1px solid light-dark(@dark-blue, @golden);
border-bottom: none;
border-radius: 6px 6px 0 0;
input[type='number'] { input[type='number'] {
background: transparent; background: transparent;
@ -250,6 +253,8 @@
border-radius: 6px; border-radius: 6px;
z-index: 1; z-index: 1;
background: light-dark(transparent, @dark-blue); background: light-dark(transparent, @dark-blue);
border-bottom: none;
border-radius: 6px 6px 0 0;
&::-webkit-progress-bar { &::-webkit-progress-bar {
border: none; border: none;
@ -262,7 +267,8 @@
} }
&.stress-color::-webkit-progress-value { &.stress-color::-webkit-progress-value {
background: @gradient-stress; background: @gradient-stress;
border-radius: 6px; border-bottom: none;
border-radius: 6px 6px 0 0;
} }
&::-moz-progress-bar { &::-moz-progress-bar {
background: @gradient-stress; background: @gradient-stress;