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

Style updates

Browse source
This commit is contained in:
Justin Edmund 2023-06-16 16:18:01 -07:00
parent 044d7bebee
commit 3693124043
5 changed files with 30 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/common/Button/index.scss
View file

@ -1,7 +1,7 @@
.Button { .Button {
align-items: center; align-items: center;
background: var(--button-bg); background: var(--button-bg);
border: none; border: 2px solid transparent;
border-radius: $input-corner; border-radius: $input-corner;
color: var(--button-text); color: var(--button-text);
display: inline-flex; display: inline-flex;

2
components/common/Popover/index.scss
View file

@ -5,10 +5,10 @@
border: 0.5px solid rgba(0, 0, 0, 0.18); border: 0.5px solid rgba(0, 0, 0, 0.18);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
outline: none; outline: none;
overflow: hidden;
padding: $unit; padding: $unit;
transform-origin: var(--radix-popover-content-transform-origin); transform-origin: var(--radix-popover-content-transform-origin);
width: var(--radix-popover-trigger-width); width: var(--radix-popover-trigger-width);
min-width: 440px;
z-index: 5; z-index: 5;
&.Flush { &.Flush {

6
components/common/Select/index.scss
View file

@ -2,7 +2,7 @@
align-items: center; align-items: center;
background-color: var(--input-bg); background-color: var(--input-bg);
border-radius: $input-corner; border-radius: $input-corner;
border: none; border: 2px solid transparent;
display: flex; display: flex;
gap: $unit; gap: $unit;
padding: ($unit * 1.5) $unit-2x; padding: ($unit * 1.5) $unit-2x;
@ -73,13 +73,13 @@
} }
.Select { .Select {
background: var(--select-bg); background: var(--dialog-bg);
border-radius: $card-corner; border-radius: $card-corner;
border: $hover-stroke; border: $hover-stroke;
box-shadow: $hover-shadow; box-shadow: $hover-shadow;
padding: 0 $unit; padding: 0 $unit;
z-index: 40; z-index: 40;
min-width: var(--radix-select-trigger-width);
.Scroll.Up, .Scroll.Up,
.Scroll.Down { .Scroll.Down {
padding: $unit 0; padding: $unit 0;

20
components/raids/RaidCombobox/index.scss
View file

@ -7,6 +7,7 @@
.Value { .Value {
display: flex; display: flex;
gap: $unit-half; gap: $unit-half;
width: 100%;
.Info { .Info {
display: flex; display: flex;
@ -65,6 +66,8 @@
.Header { .Header {
background: var(--dialog-bg); background: var(--dialog-bg);
border-top-left-radius: $card-corner;
border-top-right-radius: $card-corner;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -72,7 +75,7 @@
padding: $unit; padding: $unit;
width: 100%; width: 100%;
.Button { .Clear.Button {
background: none; background: none;
padding: ($unit * 0.75) $unit-half $unit-half; padding: ($unit * 0.75) $unit-half $unit-half;
display: none; display: none;
@ -119,6 +122,8 @@
} }
.Raids { .Raids {
border-bottom-left-radius: $card-corner;
border-bottom-right-radius: $card-corner;
height: 40vh; height: 40vh;
overflow-y: scroll; overflow-y: scroll;
padding: 0 $unit; padding: 0 $unit;
@ -169,3 +174,16 @@
} }
} }
} }
.Filters .SelectTrigger.Raid {
& > span {
overflow: hidden;
}
.Raid {
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 100%;
}
}

6
styles/globals.scss
View file

@ -66,11 +66,17 @@ a {
button, button,
input, input,
textarea { textarea {
border: 2px solid transparent;
font-family: system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial, font-family: system-ui, -apple-system, 'Helvetica Neue', Helvetica, Arial,
sans-serif; sans-serif;
font-size: $font-regular; font-size: $font-regular;
} }
button:focus-visible {
border: 2px solid $blue;
outline: none;
}
h1, h1,
h2, h2,
h3, h3,