fix(theme): fix img icon align

vuepress-theme-hope · Nov 1, 2023 · 4ae8465 · 4ae8465
1 parent 94e9b62
commit 4ae8465
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 7 deletions.
diff --git a/packages/theme/src/client/modules/navbar/styles/nav-screen.scss b/packages/theme/src/client/modules/navbar/styles/nav-screen.scss
@@ -43,6 +43,12 @@
 
   .icon {
     margin-inline-end: 0.25em;
+    font-size: 1em;
+  }
+
+  img.icon {
+    vertical-align: -0.125em;
+    height: 1em;
   }
 }
 

diff --git a/packages/theme/src/client/modules/navbar/styles/navbar.scss b/packages/theme/src/client/modules/navbar/styles/navbar.scss
@@ -51,7 +51,7 @@
     }
 
     img.icon {
-      vertical-align: text-bottom;
+      vertical-align: -0.125em;
       height: 1em;
     }
   }

diff --git a/packages/theme/src/client/modules/sidebar/styles/sidebar.scss b/packages/theme/src/client/modules/sidebar/styles/sidebar.scss
@@ -70,7 +70,7 @@
   }
 
   img.icon {
-    vertical-align: text-bottom;
+    vertical-align: -0.125em;
     height: 1em;
   }
 

diff --git a/packages/theme/src/client/styles/breadcrumb.scss b/packages/theme/src/client/styles/breadcrumb.scss
@@ -34,7 +34,7 @@
   }
 
   img.icon {
-    vertical-align: text-bottom;
+    vertical-align: -0.125em;
     height: 1em;
   }
 

diff --git a/packages/theme/src/client/styles/highlight-panel.scss b/packages/theme/src/client/styles/highlight-panel.scss
@@ -191,7 +191,7 @@
   }
 
   img.icon {
-    vertical-align: text-bottom;
+    vertical-align: -0.125em;
     height: 1em;
   }
 }

diff --git a/packages/theme/src/client/styles/page-nav.scss b/packages/theme/src/client/styles/page-nav.scss
@@ -55,7 +55,7 @@
     }
 
     img.icon {
-      vertical-align: text-bottom;
+      vertical-align: -0.125em;
       height: 1em;
     }
   }
@@ -69,7 +69,7 @@
     }
 
     img.icon {
-      vertical-align: text-bottom;
+      vertical-align: -0.125em;
       height: 1em;
     }
   }

diff --git a/packages/theme/src/client/styles/page-title.scss b/packages/theme/src/client/styles/page-title.scss
@@ -33,7 +33,7 @@
     }
 
     img.icon {
-      vertical-align: text-bottom;
+      vertical-align: -0.125em;
       height: 1em;
     }
   }