hone top bar and add xl breakpoint

This commit is contained in:
Calli
2023-07-04 00:13:52 +03:00
parent 6933ddcbc5
commit f365c3c1b6
8 changed files with 7 additions and 7 deletions

View File

@@ -11,7 +11,7 @@ export const DowloadButton = () => {
JSON.stringify(characters) JSON.stringify(characters)
)}`} )}`}
download={`eve-pi-characters.json`} download={`eve-pi-characters.json`}
sx={{ my: 2, color: "white", display: "block" }} sx={{ color: "white", display: "block" }}
> >
Backup Backup
</Button> </Button>

View File

@@ -10,7 +10,7 @@ export const UploadButton = () => {
<Button <Button
style={{ width: "100%" }} style={{ width: "100%" }}
onClick={() => setUploadDialogOpen(true)} onClick={() => setUploadDialogOpen(true)}
sx={{ my: 2, color: "white", display: "block" }} sx={{ color: "white", display: "block" }}
> >
Restore Restore
</Button> </Button>

View File

@@ -11,7 +11,7 @@ export const CCPButton = () => {
href="https://community.eveonline.com/support/policies/eve-online-content-creation-terms-of-use-en/" href="https://community.eveonline.com/support/policies/eve-online-content-creation-terms-of-use-en/"
target="_blank" target="_blank"
style={{ width: "100%" }} style={{ width: "100%" }}
sx={{ my: 2, color: "white", display: "block" }} sx={{ color: "white", display: "block" }}
> >
CCP © CCP ©
</Button> </Button>

View File

@@ -10,7 +10,6 @@ export const CompactModeButton = () => {
value="check" value="check"
selected={compactMode} selected={compactMode}
onChange={toggleCompactMode} onChange={toggleCompactMode}
style={{ margin: "1rem 0" }}
> >
Compact mode Compact mode
</ToggleButton> </ToggleButton>

View File

@@ -7,7 +7,7 @@ export const DiscordButton = () => {
href="https://discord.gg/MDapvGyw" href="https://discord.gg/MDapvGyw"
target="_blank" target="_blank"
style={{ width: "100%" }} style={{ width: "100%" }}
sx={{ my: 2, color: "white", display: "block" }} sx={{ color: "white", display: "block" }}
> >
Discord Discord
</Button> </Button>

View File

@@ -7,7 +7,7 @@ export const GitHubButton = () => {
href="https://github.com/calli-eve/eve-pi" href="https://github.com/calli-eve/eve-pi"
target="_blank" target="_blank"
style={{ width: "100%" }} style={{ width: "100%" }}
sx={{ my: 2, color: "white", display: "block" }} sx={{ color: "white", display: "block" }}
> >
GitHub GitHub
</Button> </Button>

View File

@@ -9,7 +9,7 @@ export const LoginButton = () => {
<Tooltip title="Login with your EVE characters to track your planets"> <Tooltip title="Login with your EVE characters to track your planets">
<Button <Button
style={{ width: "100%" }} style={{ width: "100%" }}
sx={{ my: 2, color: "white", display: "block" }} sx={{ color: "white", display: "block" }}
onClick={() => setLoginDialogOpen(true)} onClick={() => setLoginDialogOpen(true)}
> >
Login Login

View File

@@ -85,6 +85,7 @@ export const MainGrid = ({ sessionReady }: { sessionReady: boolean }) => {
item item
xs={12} xs={12}
sm={compactMode ? 6 : 12} sm={compactMode ? 6 : 12}
xl={compactMode ? 3 : 12}
key={`account-${id}-${g[0].account}`} key={`account-${id}-${g[0].account}`}
> >
<AccountCard characters={g} sessionReady={sessionReady} /> <AccountCard characters={g} sessionReady={sessionReady} />