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

Fix dialog footer styles

Browse source
This commit is contained in:
Justin Edmund 2023-06-18 00:01:16 -07:00
parent 6b49528595
commit bd9459ca4b
3 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
components/FilterModal/index.tsx
View file

@ -414,7 +414,8 @@ const FilterModal = (props: Props) => {
{originalOnlyField()} {originalOnlyField()}
</div> </div>
<div className="DialogFooter" ref={footerRef}> <div className="DialogFooter" ref={footerRef}>
<div className="Buttons Spaced"> <div className="Left"></div>
<div className="Right Buttons Spaced">
<Button <Button
blended={true} blended={true}
text={t('modals.filters.buttons.clear')} text={t('modals.filters.buttons.clear')}

11
components/auth/AccountModal/index.tsx
View file

@ -330,10 +330,13 @@ const AccountModal = React.forwardRef<HTMLDivElement, Props>(
{themeField()} {themeField()}
</div> </div>
<div className="DialogFooter" ref={footerRef}> <div className="DialogFooter" ref={footerRef}>
<Button <div className="Left"></div>
contained={true} <div className="Right">
text={t('modals.settings.buttons.confirm')} <Button
/> contained={true}
text={t('modals.settings.buttons.confirm')}
/>
</div>
</div> </div>
</form> </form>
</DialogContent> </DialogContent>

4
components/common/DialogContent/index.scss
View file

@ -160,7 +160,8 @@
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.16); box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.16);
border-top: 1px solid rgba(0, 0, 0, 0.24); border-top: 1px solid rgba(0, 0, 0, 0.24);
display: flex; display: flex;
flex-direction: column; flex-direction: row;
justify-content: space-between;
padding: ($unit * 1.5) ($unit * $multiplier) $unit-3x; padding: ($unit * 1.5) ($unit * $multiplier) $unit-3x;
position: sticky; position: sticky;
@ -178,7 +179,6 @@
&.Spaced { &.Spaced {
justify-content: space-between; justify-content: space-between;
width: 100%;
} }
} }
} }