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">
<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$/api/click.js" beforeDir="false" afterPath="$PROJECT_DIR$/api/click.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" />
<change beforePath="$PROJECT_DIR$/src/App.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/App.js" afterDir="false" />
</list>
<option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" />
@ -84,7 +81,7 @@
<workItem from="1700822693197" duration="9493000" />
<workItem from="1701004587189" duration="3578000" />
<workItem from="1701042611758" duration="10222000" />
<workItem from="1701056208994" duration="2524000" />
<workItem from="1701056208994" duration="4080000" />
</task>
<servers />
</component>

View File

@ -4,7 +4,7 @@ import './App.css';
import UMap from "./UMap";
import {
Alert,
Box,
Box, Button,
CircularProgress,
DialogContent,
DialogTitle,
@ -70,10 +70,10 @@ export default function App() {
display: 'flex',
width: version !== '' ? '60%' : 'auto',
height: version !== '' ? '60%' : 'auto',
maxWidth: '50vw',
}}
>
<ModalClose/>
<Sheet sx={{margin: 'auto'}}>
<Sheet sx={{display: 'flex',marginTop: version!==''?'10%':0, flexDirection: 'column'}}>
<Alert style={{display: version !== '' ? 'none' : 'flex'}}
variant="soft"
color="warning"
@ -113,6 +113,9 @@ export default function App() {
<div dangerouslySetInnerHTML={{__html: intro}}/>
</DialogContent>
</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>
</Modal>
)}