Fix styles after Dialog extraction

This commit is contained in:
Justin Edmund 2023-01-15 10:44:24 -08:00
parent acbc2da09d
commit a8fb489911
3 changed files with 5 additions and 5 deletions

View file

@ -1,4 +1,4 @@
.Search.Dialog { .Search.DialogContent {
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -94,7 +94,7 @@
} }
} }
.Search.Dialog #NoResults { .Search.DialogContent #NoResults {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -102,7 +102,7 @@
flex-grow: 1; flex-grow: 1;
} }
.Search.Dialog #NoResults h2 { .Search.DialogContent #NoResults h2 {
color: var(--text-secondary); color: var(--text-secondary);
font-size: $font-large; font-size: $font-large;
font-weight: 500; font-weight: 500;

View file

@ -349,7 +349,7 @@ const SearchModal = (props: Props) => {
<Dialog open={open} onOpenChange={openChange}> <Dialog open={open} onOpenChange={openChange}>
<DialogTrigger asChild>{props.children}</DialogTrigger> <DialogTrigger asChild>{props.children}</DialogTrigger>
<DialogContent <DialogContent
className="Search Dialog" className="Search"
onEscapeKeyDown={onEscapeKeyDown} onEscapeKeyDown={onEscapeKeyDown}
onOpenAutoFocus={onOpenAutoFocus} onOpenAutoFocus={onOpenAutoFocus}
> >

View file

@ -1,4 +1,4 @@
.Weapon.Dialog { .Weapon.DialogContent {
min-width: 480px; min-width: 480px;
@include breakpoint(phone) { @include breakpoint(phone) {