feat: ui improvement

This commit is contained in:
arielherself 2023-11-27 12:47:16 +08:00
parent e80311a1b4
commit 0816a62333
2 changed files with 8 additions and 8 deletions

View File

@ -6,10 +6,7 @@
<component name="ChangeListManager"> <component name="ChangeListManager">
<list default="true" id="3c7078e7-6f30-4d92-9696-11496f9e6dff" name="Changes" comment=""> <list default="true" id="3c7078e7-6f30-4d92-9696-11496f9e6dff" name="Changes" comment="">
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" /> <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/api/click.js" beforeDir="false" afterPath="$PROJECT_DIR$/api/click.js" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/App.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/App.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/Networking.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/Networking.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/SimulateClick.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/SimulateClick.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/UMap.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/UMap.js" afterDir="false" />
</list> </list>
<option name="SHOW_DIALOG" value="false" /> <option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" /> <option name="HIGHLIGHT_CONFLICTS" value="true" />
@ -84,7 +81,7 @@
<workItem from="1700822693197" duration="9493000" /> <workItem from="1700822693197" duration="9493000" />
<workItem from="1701004587189" duration="3578000" /> <workItem from="1701004587189" duration="3578000" />
<workItem from="1701042611758" duration="10222000" /> <workItem from="1701042611758" duration="10222000" />
<workItem from="1701056208994" duration="2524000" /> <workItem from="1701056208994" duration="4080000" />
</task> </task>
<servers /> <servers />
</component> </component>

View File

@ -4,7 +4,7 @@ import './App.css';
import UMap from "./UMap"; import UMap from "./UMap";
import { import {
Alert, Alert,
Box, Box, Button,
CircularProgress, CircularProgress,
DialogContent, DialogContent,
DialogTitle, DialogTitle,
@ -70,10 +70,10 @@ export default function App() {
display: 'flex', display: 'flex',
width: version !== '' ? '60%' : 'auto', width: version !== '' ? '60%' : 'auto',
height: version !== '' ? '60%' : 'auto', height: version !== '' ? '60%' : 'auto',
maxWidth: '50vw',
}} }}
> >
<ModalClose/> <Sheet sx={{display: 'flex',marginTop: version!==''?'10%':0, flexDirection: 'column'}}>
<Sheet sx={{margin: 'auto'}}>
<Alert style={{display: version !== '' ? 'none' : 'flex'}} <Alert style={{display: version !== '' ? 'none' : 'flex'}}
variant="soft" variant="soft"
color="warning" color="warning"
@ -113,6 +113,9 @@ export default function App() {
<div dangerouslySetInnerHTML={{__html: intro}}/> <div dangerouslySetInnerHTML={{__html: intro}}/>
</DialogContent> </DialogContent>
</Sheet> </Sheet>
<Sheet onClick={()=>setFeatureOpen(false)} sx={{display: version!==''?'flex':'none', position: 'absolute', bottom: '10%', left: '50%', transform: 'translateX(-50%)', width: '100%'}}>
<Button size="lg" sx={{width: '50%', maxWidth: '20vw', display: 'flex', margin: 'auto'}}>Done</Button>
</Sheet>
</ModalDialog> </ModalDialog>
</Modal> </Modal>
)} )}