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

Fix spacing on WeaponGrid

Browse source
This commit is contained in:
Justin Edmund 2023-06-18 05:36:59 -07:00
parent bd7683513b
commit 45645aa352
2 changed files with 28 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
components/weapon/WeaponGrid/index.scss
View file

@ -13,10 +13,7 @@
gap: $unit-3x; gap: $unit-3x;
grid-template-columns: 1.278fr 3fr; grid-template-columns: 1.278fr 3fr;
justify-items: center; justify-items: center;
grid-template-areas: grid-template-areas: 'mainhand grid';
'mainhand grid'
'mainhand grid'
'mainhand grid';
max-width: $grid-width; max-width: $grid-width;
@include breakpoint(tablet) { @include breakpoint(tablet) {

8
components/weapon/WeaponGrid/index.tsx
View file

@ -375,7 +375,9 @@ const WeaponGrid = (props: Props) => {
) )
}) })
const extraElement = ( const extraElement = () => {
if (appState.party.raid && appState.party.raid.group.extra) {
return (
<ExtraContainer> <ExtraContainer>
{appState.party.raid && appState.party.raid.group.extra && ( {appState.party.raid && appState.party.raid.group.extra && (
<ExtraWeaponsGrid <ExtraWeaponsGrid
@ -397,6 +399,8 @@ const WeaponGrid = (props: Props) => {
)} )}
</ExtraContainer> </ExtraContainer>
) )
}
}
const conflictModal = () => { const conflictModal = () => {
return incoming && conflicts ? ( return incoming && conflicts ? (
@ -448,7 +452,7 @@ const WeaponGrid = (props: Props) => {
<ul id="Weapons">{weaponGridElement}</ul> <ul id="Weapons">{weaponGridElement}</ul>
</div> </div>
{displayExtraContainer ? extraElement : ''} {displayExtraContainer ? extraElement() : ''}
</div> </div>
) )
} }