granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update styles for various components

Browse source 
Added some new colors and fixed spacing
This commit is contained in:
Justin Edmund 2023-03-18 12:15:12 -07:00
parent 973e5acc34
commit a62db832eb
3 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
components/FilterModal/index.scss
View file

@ -1,11 +1,6 @@
.Dialog { .Dialog {
.Dialog .Filter.DialogContent { .Filter.DialogContent {
overflow: hidden; overflow: hidden;
.TableField .Right .SelectTrigger.Table {
width: $unit-20x;
min-width: auto;
}
} }
.DialogFooter .Buttons .Button.Blended { .DialogFooter .Buttons .Button.Blended {

6
components/Slider/index.scss
View file

@ -27,12 +27,12 @@
display: block; display: block;
width: 20px; width: 20px;
height: 20px; height: 20px;
background-color: white; background-color: var(--slider-thumb-bg);
box-shadow: 0 2px 10px var(--button-bg); box-shadow: 0 2px 10px var(--slider-thumb-shadow);
border-radius: 10px; border-radius: 10px;
&:hover { &:hover {
background-color: darken(white, 10%); background-color: var(--slider-thumb-bg-hover);
box-shadow: 0 2px 10px var(--slider-thumb-shadow-hover); box-shadow: 0 2px 10px var(--slider-thumb-shadow-hover);
cursor: grab; cursor: grab;
} }

5
components/TableField/index.scss
View file

@ -4,6 +4,7 @@
gap: $unit-2x; gap: $unit-2x;
grid-template-columns: 1fr auto; grid-template-columns: 1fr auto;
justify-content: space-between; justify-content: space-between;
padding: $unit-half 0;
width: 100%; width: 100%;
@include breakpoint(phone) { @include breakpoint(phone) {
@ -12,6 +13,10 @@
flex-direction: column; flex-direction: column;
} }
&:hover .Left .Info h3 {
color: var(--accent-blue);
}
.Left { .Left {
display: flex; display: flex;
flex-direction: row; flex-direction: row;