调整样式

TakWolf · Jun 30, 2024 · c22e637 · c22e637
1 parent c28604a
commit c22e637
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 27 deletions.
diff --git a/www/css/style.css b/www/css/style.css
diff --git a/www/css/style.css.map b/www/css/style.css.map
diff --git a/www/css/style.scss b/www/css/style.scss
@@ -83,32 +83,35 @@ body {
                 flex-wrap: wrap;
                 align-items: center;
                 background-color: aliceblue;
+                border-bottom-style: solid;
+                border-bottom-color: black;
+                border-bottom-width: 1px;
                 .code-point {
                     padding-left: 8px;
                     padding-right: 8px;
                     color: white;
                     background-color: black;
-                    font-size: 16px;
+                    font-size: 12px;
                     font-weight: bold;
-                    line-height: 32px;
+                    line-height: 28px;
                 }
                 .char {
                     margin-left: 8px;
                     margin-right: 4px;
-                    font-size: 20px;
+                    font-size: 18px;
                     font-weight: bold;
                 }
                 .tag {
                     margin: 4px;
                     padding-left: 8px;
                     padding-right: 8px;
-                    font-size: 14px;
-                    line-height: 20px;
+                    font-size: 11px;
+                    line-height: 18px;
                     background-color: white;
                     border-style: solid;
                     border-color: black;
                     border-width: 1px;
-                    border-radius: 11px;
+                    border-radius: 10px;
                 }
             }
             .glyphs {
@@ -131,19 +134,22 @@ body {
                             flex-direction: row;
                             justify-content: space-between;
                             align-items: center;
+                            border-bottom-style: solid;
+                            border-bottom-color: black;
+                            border-bottom-width: 1px;
                             .language-flavor {
-                                padding-left: 8px;
-                                padding-right: 8px;
+                                padding-left: 4px;
+                                padding-right: 4px;
                                 color: white;
                                 background-color: gray;
-                                font-size: 14px;
+                                font-size: 12px;
                                 font-weight: bold;
-                                line-height: 28px;
+                                line-height: 20px;
                             }
                             .glyph-name {
-                                margin-left: 8px;
-                                margin-right: 8px;
-                                font-size: 14px;
+                                margin-left: 4px;
+                                margin-right: 4px;
+                                font-size: 11px;
                                 font-weight: bold;
                             }
                         }