hone top bar and add xl breakpoint
This commit is contained in:
@@ -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>
|
||||||
|
@@ -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>
|
||||||
|
@@ -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>
|
||||||
|
@@ -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>
|
||||||
|
@@ -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>
|
||||||
|
@@ -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>
|
||||||
|
@@ -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
|
||||||
|
@@ -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} />
|
||||||
|
Reference in New Issue
Block a user