bug fix

src/Components/pane/index.css

@@ -2,6 +2,8 @@
     width: 350px;
     background-color: rgb(52, 90, 176);
     min-height: 100vh;
+    display: flex;
+    flex-direction: column;
 }
 
 .modeSelect {
@@ -34,4 +36,8 @@
 .selectPager {
     left: 0 !important;
     width: 350px;
+}
+
+.bottomLogo {
+    margin-top: auto;
 }

src/Components/pane/index.js

@@ -58,7 +58,7 @@ function Pane(props) {
   }
 
   useEffect(() => {
-    props.projects.length && setProject(props.projects[0].Name);
+    props.projects.length && !project && setProject(props.projects[0].Name);
   }, [props.projects])
 
   return (
@@ -136,7 +136,7 @@ function Pane(props) {
             </Select>
           }
         </div>
-        <img src={logoPanePng} alt='logo' width={'100%'}/>
+        <img src={logoPanePng} alt='logo' width={'100%'} className='bottomLogo'/>
     </div>
   );
 }

src/Components/settingsFrame/index.css

@@ -0,0 +1,7 @@
+.setting-card {
+    background: #F5F4F2;
+    border: 1px solid #B1B1B1;
+    box-sizing: border-box;
+    box-shadow: 0px 5px 0px #B1B1B1;
+    border-radius: 8px;
+}

src/Components/settingsFrame/index.js

@@ -37,11 +37,8 @@ function SettingFrame(props) {
                       : ['无', '无', '无'])
                       .map((text, index) => (
                         <Grid item xs={2} sm={4} md={4} key={index}>
-                            <div style={{
+                            <div className='setting-card' style={{
-                              backgroundImage: `url('${settingCardPng}')`,
                               position: 'relative',
-                              backgroundRepeat: 'no-repeat',
-                              backgroundSize: '100% 100%',
                               height: '120px',
                               textAlign: 'center',
                               justifyContent: 'center',