coco/ixion
coco
/
ixion
mirror of https://github.com/cocosolos/ixion.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Adjust expansion bar styling

This commit is contained in:
Corey 2024-05-12 00:03:29 +00:00
parent 96cb906972
commit 9276118a37
3 changed files with 20 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
client/src/components/Server/ExpansionsBar.tsx
View File

@ -1,5 +1,11 @@
import { AddCircleOutline } from '@mui/icons-material'; import { AddCircle } from '@mui/icons-material';
import { Box, ToggleButton, ToggleButtonGroup, Tooltip } from '@mui/material'; import {
Box,
IconButton,
ToggleButton,
ToggleButtonGroup,
Tooltip,
} from '@mui/material';
import { ServerData } from '../../data/ServerData'; import { ServerData } from '../../data/ServerData';
const expansionButtons = [ const expansionButtons = [
@ -67,7 +73,7 @@ export default function ExpansionBar({ server }: ExpansionBarProps) {
}); });
return ( return (
<Box className="flex items-center"> <Box className="my-1 flex items-center">
<ToggleButtonGroup <ToggleButtonGroup
size="small" size="small"
value={ value={
@ -94,11 +100,13 @@ export default function ExpansionBar({ server }: ExpansionBarProps) {
disableInteractive disableInteractive
arrow arrow
> >
<AddCircleOutline <IconButton className="p-0" disableRipple>
style={{ <AddCircle
maxHeight: '1rem', style={{
}} maxHeight: '1rem',
/> }}
/>
</IconButton>
</Tooltip> </Tooltip>
)} )}
</Box> </Box>

4
client/src/components/Server/ServerCard.tsx
View File

@ -128,7 +128,7 @@ export default function ServerCard({ server, children }: ServerCardProps) {
? 'rgba(255, 255, 255, .05)' ? 'rgba(255, 255, 255, .05)'
: 'rgba(0, 0, 0, .02)', : 'rgba(0, 0, 0, .02)',
'& .MuiAccordionSummary-content': { '& .MuiAccordionSummary-content': {
margin: (theme) => theme.spacing(0), margin: 0,
}, },
boxShadow: '0 0 10px rgba(0, 0, 0, 0.1)', boxShadow: '0 0 10px rgba(0, 0, 0, 0.1)',
minHeight: '32px', minHeight: '32px',
@ -271,7 +271,7 @@ export default function ServerCard({ server, children }: ServerCardProps) {
</Box> </Box>
</AccordionSummary> </AccordionSummary>
<AccordionDetails <AccordionDetails
className="p-2" className="p-2 pt-0"
sx={{ sx={{
backgroundColor: (theme) => backgroundColor: (theme) =>
theme.palette.mode === 'dark' theme.palette.mode === 'dark'

5
client/src/pages/About.tsx
View File

@ -134,7 +134,6 @@ export default function About() {
relevant changes you&apos;ve made using the LSB equivalent. relevant changes you&apos;ve made using the LSB equivalent.
Settings should be served at <b>/api/settings</b> and total Settings should be served at <b>/api/settings</b> and total
active sessions should be served at <b>/api/sessions</b>. active sessions should be served at <b>/api/sessions</b>.
Enabled expansions are controlled by the LOGIN settings.
</Typography> </Typography>
</Box> </Box>
<Box className="mb-3"> <Box className="mb-3">
@ -164,7 +163,7 @@ xi.settings.api =
</Card> </Card>
The world server needs to be restarted after any changes to any The world server needs to be restarted after any changes to any
of the settings. If you set <b>DO_NOT_TRACK</b> to <b>true</b>, of the settings. If you set <b>DO_NOT_TRACK</b> to <b>true</b>,
your server will be removed on the next hourly update. your server will be removed on the next update.
</Typography> </Typography>
</Box> </Box>
</AccordionDetails> </AccordionDetails>
@ -195,7 +194,7 @@ xi.settings.api =
XiPrivateServers GitHub XiPrivateServers GitHub
</Link>{' '} </Link>{' '}
and see if it&apos;s listed there. Server owners see above for and see if it&apos;s listed there. Server owners see above for
information on how to add a Link href your website. information on how to add a link to your website.
</Typography> </Typography>
<Typography <Typography
component="li" component="li"