enhance(style): use 12px radius as default round corner style

Author: HFO4

src/Admin.js

@@ -52,6 +52,9 @@ const theme = createTheme(
         palette: {
             background: {},
         },
+        shape:{
+            borderRadius:12,
+        },
         overrides: {
             MuiButton: {
                 root: {

src/App.js

@@ -63,6 +63,10 @@ export default function App() {
                             : themeConfig.palette.primary.main,
                 },
             },
+            shape:{
+                ...themeConfig.shape,
+                borderRadius:12,
+            },
             overrides: {
                 MuiButton: {
                     root: {
@@ -73,7 +77,7 @@ export default function App() {
                     root: {
                         textTransform: "none",
                     },
-                },
+                }
             },
         });
         changeThemeColor(

src/component/FileManager/FileIcon.js

@@ -45,7 +45,7 @@ const styles = (theme) => ({
     button: {
         border: "1px solid " + theme.palette.divider,
         width: "100%",
-        borderRadius: "6px",
+        borderRadius: theme.shape.borderRadius,
         boxSizing: "border-box",
         transition:
             "background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
@@ -71,14 +71,14 @@ const styles = (theme) => ({
         overflow: "hidden",
         height: "150px",
         width: "100%",
-        borderRadius: "6px 6px 0 0",
+        borderRadius: "12px 12px 0 0",
         backgroundColor: theme.palette.background.default,
     },
     previewIcon: {
         overflow: "hidden",
         height: "149px",
         width: "100%",
-        borderRadius: "5px 5px 0 0",
+        borderRadius: "12px 12px 0 0",
         backgroundColor: theme.palette.background.paper,
         paddingTop: "50px",
     },
@@ -107,7 +107,7 @@ const styles = (theme) => ({
         display: "none",
     },
     loadingAnimation: {
-        borderRadius: "6px 6px 0 0",
+        borderRadius: "12px 12px 0 0",
         height: "100%",
         width: "100%",
     },

src/component/FileManager/Folder.js

@@ -39,7 +39,7 @@ const useStyles = makeStyles((theme) => ({
         height: "50px",
         border: "1px solid " + theme.palette.divider,
         width: "100%",
-        borderRadius: "6px",
+        borderRadius: theme.shape.borderRadius,
         boxSizing: "border-box",
         transition:
             "background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",

src/component/FileManager/SmallIcon.js

@@ -41,7 +41,7 @@ const styles = (theme) => ({
         height: "50px",
         border: "1px solid " + theme.palette.divider,
         width: "100%",
-        borderRadius: "6px",
+        borderRadius: theme.shape.borderRadius,
         boxSizing: "border-box",
         transition:
             "background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",

src/component/Navbar/UserAvatarPopover.js

@@ -89,7 +89,7 @@ class UserAvatarPopoverCompoment extends Component {
                 this.props.toggleSnackbar(
                     "top",
                     "right",
-                    "您已退出登录",
+                    this.props.t("login.loggedOut"),
                     "success"
                 );
                 Auth.signout();

src/component/Setting/Profile.js

@@ -36,6 +36,7 @@ const styles = (theme) => ({
         },
     },
     userNav: {
+        borderRadius: `${theme.shape.borderRadius}px ${theme.shape.borderRadius}px 0 0`,
         height: "270px",
         backgroundColor: theme.palette.primary.main,
         padding: "20px 20px 2em",
@@ -197,7 +198,7 @@ class ProfileCompoment extends Component {
             <div className={classes.layout}>
                 {this.state.user === null && <div></div>}
                 {this.state.user !== null && (
-                    <Paper square>
+                    <Paper>
                         <div className={classes.userNav}>
                             <div>
                                 <Avatar

src/component/Share/ReadMe.js

@@ -127,7 +127,7 @@ export default function ReadMe(props) {
                         ref={$vm}
                         style={{
                             boxShadow: "none",
-                            borderRadius: 4,
+                            borderRadius: theme.shape.borderRadius,
                             backgroundColor: theme.palette.background.paper,
                         }}
                         height={"100%"}

src/component/Share/SharedFile.js

@@ -65,7 +65,7 @@ const styles = (theme) => ({
         width: "100%",
         maxWidth: 440,
         backgroundColor: theme.palette.background.paper,
-        borderRadius: 12,
+        borderRadius: theme.shape.borderRadius,
         boxShadow: "0 8px 16px rgba(29,39,55,.25)",
         [theme.breakpoints.down("sm")]: {
             height: "calc(var(--vh, 100vh) - 56px)",

src/component/Viewer/Code.js

@@ -36,11 +36,11 @@ const useStyles = makeStyles((theme) => ({
         marginBottom: 40,
     },
     editor: {
-        borderRadius: "4px",
+        borderRadius: theme.shape.borderRadius,
     },
     "@global": {
         ".overflow-guard": {
-            borderRadius: "4px!important",
+            borderRadius: "0 0 12px 12px!important",
         },
     },
     formControl: {