Эхлэл Бүгдийг харах Тусламж
Бүртгүүлэх Нэвтрэх
milvus
/
attu
-ын хуулбар https://github.com/zilliztech/attu.git
2
0
Салаа 0
Файлууд Асуудлууд 0 Мэдлэгийн сан
Эх сурвалжийг харах

update ui fonts

Signed-off-by: ryjiang <jiangruiyi@gmail.com>
ryjiang 4 сар өмнө
parent
fcb1a9e633
commit
4bcf9ba29a
12 өөрчлөгдсөн 48 нэмэгдсэн , 16 устгасан
Өөрчлөлтийг ялгаж харах Өөрчлөлтийн статистик харах
  1. 1 1
      client/index.html
  2. 1 1
      client/src/components/customInput/Types.ts
  3. 3 7
      client/src/index.css
  4. 1 0
      client/src/pages/databases/collections/search/SearchInputBox.tsx
  5. 0 5
      client/src/styles/common.css
  6. BIN
      client/src/styles/fonts/IBMPlexMono-Regular-Cyrillic.woff2
  7. BIN
      client/src/styles/fonts/IBMPlexMono-Regular-Latin1.woff2
  8. BIN
      client/src/styles/fonts/IBMPlexMono-Regular-Latin2.woff2
  9. BIN
      client/src/styles/fonts/IBMPlexMono-Regular-Latin3.woff2
  10. BIN
      client/src/styles/fonts/IBMPlexMono-Regular-Pi.woff2
  11. 40 0
      client/src/styles/fonts/IBMPlexMono-Regular.css
  12. 2 2
      client/src/styles/theme.ts

+ 1 - 1
client/index.html
Файл харах 

@@ -3,7 +3,7 @@
 
 <head>
 
   <meta charset="utf-8" />
 
   <link rel="icon" href="attu.svg" />
 
-  <meta name="description" content="Attu, best milvus management tool" />
 
+  <meta name="description" content="Attu, the best milvus management tool" />
 
   <meta name="viewport" content="width=device-width, initial-scale=1" />
 
   <meta name="theme-color" content="#000000" />
 
   <script src="./env-config.js"></script>

+ 1 - 1
client/src/components/customInput/Types.ts
Файл харах 

@@ -33,7 +33,7 @@ export interface IBlurParam {
 
 }
 
 
 export interface IChangeParam extends IBlurParam {
 
-  type: 'text' | 'number' | 'password';
 
+  type: 'text' | 'number' | 'password' | 'bool';
 
 }
 
 
 export interface ICustomInputProps {

+ 3 - 7
client/src/index.css
Файл харах 

@@ -1,20 +1,16 @@
 
+@import './styles/fonts/IBMPlexMono-Regular.css';
 
 @import './styles/common.css';
 
 
 body {
 
   margin: 0;
 
-  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
 
-    'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
 
-    sans-serif;
 
   -webkit-font-smoothing: antialiased;
 
   -moz-osx-font-smoothing: grayscale;
 
 }
 
 
 code {
 
-  font-family: 'Source Code Pro', Menlo, Monaco, Consolas, 'Courier New',
 
-    monospace;
 
+  font-family: SFMono, monospace;
 
 }
 
 
 code span {
 
-  font-family: 'Source Code Pro', Menlo, Monaco, Consolas, 'Courier New',
 
-    monospace;
 
+  font-family: SFMono, monospace;
 
 }

+ 1 - 0
client/src/pages/databases/collections/search/SearchInputBox.tsx
Файл харах 

@@ -120,6 +120,7 @@ export default function SearchInputBox(props: SearchInputBoxProps) {
 
           },
 
           '.cm-content': {
 
             fontSize: '12px',
 
+            fontFamily: 'IBM Plex Mono, monospace',
 
             minHeight: '124px',
 
           },
 
           '.cm-gutters': {

+ 0 - 5
client/src/styles/common.css
Файл харах 

@@ -1,8 +1,3 @@
 
-/**
 
- * we usually use Material makeStyles to write component and page style
 
- * this file is used for some global scope reusable style
 
- */
 
-
 
 /* reset some elements styles */
 
 fieldset {
 
   border: 0;

BIN
client/src/styles/fonts/IBMPlexMono-Regular-Cyrillic.woff2
Файл харах


BIN
client/src/styles/fonts/IBMPlexMono-Regular-Latin1.woff2
Файл харах


BIN
client/src/styles/fonts/IBMPlexMono-Regular-Latin2.woff2
Файл харах


BIN
client/src/styles/fonts/IBMPlexMono-Regular-Latin3.woff2
Файл харах


BIN
client/src/styles/fonts/IBMPlexMono-Regular-Pi.woff2
Файл харах


+ 40 - 0
client/src/styles/fonts/IBMPlexMono-Regular.css
Файл харах 

@@ -0,0 +1,40 @@
 
+/* Subset: Cyrillic */
 
+@font-face {
 
+	font-family: 'IBM Plex Mono';
 
+	font-style: normal;
 
+	font-weight: 400;
 
+	src: local("IBM Plex Mono"), local("IBMPlexMono"), url("IBMPlexMono-Regular-Cyrillic.woff2") format("woff2");
 
+	unicode-range: U+0400-045F, U+0462-0463, U+046A-046B, U+0472-0475, U+0490-04C2, U+04CF-04D9, U+04DC-04E9, U+04EE-04F9, U+0524-0525
 
+}
 
+/* Subset: Latin1 */
 
+@font-face {
 
+	font-family: 'IBM Plex Mono';
 
+	font-style: normal;
 
+	font-weight: 400;
 
+	src: local("IBM Plex Mono"), local("IBMPlexMono"), url("IBMPlexMono-Regular-Latin1.woff2") format("woff2");
 
+	unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02
 
+}
 
+/* Subset: Latin2 */
 
+@font-face {
 
+	font-family: 'IBM Plex Mono';
 
+	font-style: normal;
 
+	font-weight: 400;
 
+	src: local("IBM Plex Mono"), local("IBMPlexMono"), url("IBMPlexMono-Regular-Latin2.woff2") format("woff2");
 
+	unicode-range: U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF
 
+}
 
+/* Subset: Latin3 */
 
+@font-face {
 
+	font-family: 'IBM Plex Mono';
 
+	font-style: normal;
 
+	font-weight: 400;
 
+	src: local("IBM Plex Mono"), local("IBMPlexMono"), url("IBMPlexMono-Regular-Latin3.woff2") format("woff2");
 
+	unicode-range: U+0102-0103, U+01CD-01DC, U+1EA0-1EF9, U+20AB
 
+}
 
+/* Subset: Pi */
 
+@font-face {
 
+	font-family: 'IBM Plex Mono';
 
+	font-style: normal;
 
+	font-weight: 400;
 
+	src: local("IBM Plex Mono"), local("IBMPlexMono"), url("IBMPlexMono-Regular-Pi.woff2") format("woff2");
 
+	unicode-range: U+03C0, U+0E3F, U+2000-200D, U+2028-2029, U+202F, U+2032-2033, U+205F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+2215, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+2500-259F, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+3000, U+FEFF, U+FFFD
 
+}

+ 2 - 2
client/src/styles/theme.ts
Файл харах 

@@ -118,8 +118,8 @@ export const getAttuTheme = (mode: PaletteMode) => {
 
             lineHeight: '12px',
 
           },
 
           mono: {
 
-            fontFamily: 'monospace',
 
-            fontSize: '12px',
 
+            fontFamily: 'IBM Plex Mono, monospace',
 
+            fontSize: 12,
 
             lineHeight: 1.5,
 
           },
 
         },