chore(web): adjust ui styles(#1497)

* refactor(web): adjust ui * remove link
labring · Aug 26, 2023 · f518441 · f518441
1 parent 33a5ad6
commit f518441
Show file tree

Hide file tree

Showing 76 changed files with 1,504 additions and 1,185 deletions.
diff --git a/web/public/fonts/NotoSansSC-Medium.ttf b/web/public/fonts/NotoSansSC-Medium.ttf
diff --git a/web/public/locales/en/translation.json b/web/public/locales/en/translation.json
@@ -41,7 +41,7 @@
   "Close": "Close",
   "Confirm": "Confirm",
   "Copied": "copied",
-  "Copy": "copy",
+  "Copy": "Copy",
   "Create": "New application",
   "Change": "Specification",
   "CreateNow": "Create Now",
@@ -171,7 +171,7 @@
     "Memory": "Memory",
     "Restart": "Restart",
     "network": "Outgoing capacity",
-    "AppInfo": "Application Information",
+    "AppInfo": "Application Info",
     "Auth": "Real-name Authentication",
     "Code": "Code",
     "CodeTip": "Please enter a four-digit verification code",
@@ -187,7 +187,7 @@
     "noAuth": "Not Authenticated",
     "showAuth": "Go to Auth",
     "Subscription": "Subscription Info",
-    "Usage": "Usage",
+    "Usage": "Usage Center",
     "Avatar": "Avatar",
     "UserName": "UserName",
     "Email": "Email",
@@ -206,7 +206,7 @@
     "CostTrend": "Cost Trend",
     "Balance": "Balance",
     "Pause": "Pause",
-    "AppMonitor": "App Monitoring",
+    "AppMonitor": "Application Monitor",
     "PauseTips": "Are you sure you want to pause this application?",
     "RestartTips": "Are you sure you want to restart this application?"
   },
@@ -361,14 +361,15 @@
     "ResetPasswordSuccess": "Reset password successfully",
     "NewPassword": "New Password",
     "SignUpSuccess": "Sign up successfully",
-    "EmailTip": "Please input a valid Email"
+    "EmailTip": "Please input a valid Email",
+    "LoginOrRegister": "Login / Register"
   },
   "Time": "Time",
   "CreateTime": "Created",
   "EndTime": "Expired",
   "Renew": "Renew",
   "Balance": "Balance",
-  "ChargeNow": "Charge",
+  "ChargeNow": "Charge Now",
   "balance is insufficient": "balance is insufficient",
   "DeleteApp": "Delete",
   "Recharge amount": "Recharge amount",
@@ -401,7 +402,7 @@
       "contact": "Contact",
       "start": "Start Now",
       "stars": "3.9K",
-      "funcTemplate": "Function market",
+      "funcTemplate": "Function Market",
       "appMarket": "Application Market",
       "community": "Community"
     },
@@ -489,7 +490,7 @@
   "Template": {
     "Recent": "Recently Used",
     "AddEnvironmentVariables": "Add environment variables",
-    "Create": "new build",
+    "Create": "new",
     "CommunityTemplate": "All Template",
     "CreateTemplate": "New template",
     "DeleteTemplate": "Delete template",
@@ -630,5 +631,7 @@
   "Pod": "Pod",
   "EditFunction": "Edit Function",
   "Error": "Error, ",
-  "Retry": "Retry"
+  "Retry": "Retry",
+  "NoFunctionYet": "You haven't created a function yet~",
+  "shortcutKey": "shortcut key"
 }
diff --git a/web/public/locales/zh-CN/translation.json b/web/public/locales/zh-CN/translation.json
@@ -310,7 +310,7 @@
   },
   "Restart": "重启应用",
   "ShutDown": "关闭应用",
-  "Charge": "余额充值",
+  "Charge": "充值",
   "Back": "返回",
   "Personal Access Token": "访问凭证 (PAT)",
   "SwitchLanguage": "切换语言",
@@ -347,7 +347,7 @@
     "ToRegister": "去注册",
     "ToLogin": "去登录",
     "PasswordLogin": "密码登录",
-    "PhoneLogin": "手机验证码登录",
+    "PhoneLogin": "验证码登录",
     "Account": "用户名",
     "AccountPlaceholder": "请输入用户名",
     "Password": "密码",
@@ -361,14 +361,15 @@
     "ResetPasswordSuccess": "重置密码成功",
     "NewPassword": "新密码",
     "SignUpSuccess": "注册成功",
-    "EmailTip": "请输入有效的邮箱"
+    "EmailTip": "请输入有效的邮箱",
+    "LoginOrRegister": "登录 / 注册"
   },
   "Time": "时间",
   "CreateTime": "创建时间",
   "EndTime": "到期时间",
   "Renew": "续期",
   "Balance": "账户余额",
-  "ChargeNow": "充值",
+  "ChargeNow": "立即充值",
   "balance is insufficient": "余额不足",
   "DeleteApp": "删除应用",
   "Recharge amount": "充值金额",
@@ -630,5 +631,7 @@
   "Pod": "实例",
   "EditFunction": "编辑函数",
   "Error": "监控不可用，",
-  "Retry": "点击重试"
-}
+  "Retry": "点击重试",
+  "NoFunctionYet": "您还没有创建函数哦～ ",
+  "shortcutKey": "快捷键"
+}
diff --git a/web/public/locales/zh/translation.json b/web/public/locales/zh/translation.json
@@ -310,7 +310,7 @@
   },
   "Restart": "重启应用",
   "ShutDown": "关闭应用",
-  "Charge": "余额充值",
+  "Charge": "充值",
   "Back": "返回",
   "Personal Access Token": "访问凭证 (PAT)",
   "SwitchLanguage": "切换语言",
@@ -347,7 +347,7 @@
     "ToRegister": "去注册",
     "ToLogin": "去登录",
     "PasswordLogin": "密码登录",
-    "PhoneLogin": "手机验证码登录",
+    "PhoneLogin": "验证码登录",
     "Account": "用户名",
     "AccountPlaceholder": "请输入用户名",
     "Password": "密码",
@@ -361,14 +361,15 @@
     "ResetPasswordSuccess": "重置密码成功",
     "NewPassword": "新密码",
     "SignUpSuccess": "注册成功",
-    "EmailTip": "请输入有效的邮箱"
+    "EmailTip": "请输入有效的邮箱",
+    "LoginOrRegister": "登录 / 注册"
   },
   "Time": "时间",
   "CreateTime": "创建时间",
   "EndTime": "到期时间",
   "Renew": "续期",
   "Balance": "账户余额",
-  "ChargeNow": "充值",
+  "ChargeNow": "立即充值",
   "balance is insufficient": "余额不足",
   "DeleteApp": "删除应用",
   "Recharge amount": "充值金额",
@@ -630,5 +631,7 @@
   "Pod": "实例",
   "EditFunction": "编辑函数",
   "Error": "监控不可用，",
-  "Retry": "点击重试"
-}
+  "Retry": "点击重试",
+  "NoFunctionYet": "您还没有创建函数哦～ ",
+  "shortcutKey": "快捷键"
+}
diff --git a/web/src/App.css b/web/src/App.css
@@ -40,6 +40,9 @@ body {
   background-position: center !important;
   font-variant-numeric: lining-nums;
   font-size: 12px;
+  font-family: -apple-system, BlinkMacSystemFont, 
+              "PingFang SC", "Segoe UI", Helvetica, Arial, 
+              "PingFang SC", 'Noto Sans SC', sans-serif !important;
 }
 
 [data-theme="light"] body {
@@ -72,13 +75,22 @@ a {
   }
 }
 
-.rdp-day_selected {
-  background-color: #00A9A6 !important;
-  color: white !important;
+/* noto-sans-sc-regular */
+@font-face {
+  font-family: 'Noto Sans SC';
+  /* font-style: normal; */
+  font-display: swap;
+  font-weight: 400;
+  src: url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.eot'), /* IE9 Compat Modes */
+       url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.woff2') format('woff2'), /* Super Modern Browsers */
+       url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.woff') format('woff'), /* Modern Browsers */
+       url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.svg#NotoSans SC') format('svg'); /* Legacy iOS */
 }
 
-.simplebar-scrollbar::before {
-  background: #DEE0E2;
-  height: 6px;
-  transform: translateY(50%);
+@font-face {
+  font-family: 'Noto Sans SC';
+  font-weight: 500 600;
+  src: url('/fonts/NotoSansSC-Medium.ttf');
 }
diff --git a/web/src/assets/login.css b/web/src/assets/login.css