Переглянути джерело

fix: smaller menu paddings

Sv443 10 місяців тому
батько
коміт
e2630f3ec6
2 змінених файлів з 32 додано та 12 видалено
  1. 16 6
      dist/BetterYTM.css
  2. 16 6
      src/menu/menu_old.css

+ 16 - 6
dist/BetterYTM.css

@@ -858,14 +858,14 @@ body .bytm-ripple.slower {
 }
 
 .bytm-menu-body {
-  padding: 20px;
+  padding: 15px;
 }
 
 #bytm-menu-opts {
   display: flex;
   flex-direction: column;
   position: relative;
-  padding: 20px 0px;
+  padding: 15px 0px;
   overflow-y: auto;
 }
 
@@ -874,7 +874,7 @@ body .bytm-ripple.slower {
   justify-content: space-between;
   align-items: center;
   margin-bottom: 6px;
-  padding: 15px 20px 15px 20px;
+  padding: 15px;
   background-color: var(--bytm-menu-bg);
   border: 2px solid var(--bytm-menu-separator-color);
   border-style: none none solid none !important;
@@ -882,10 +882,20 @@ body .bytm-ripple.slower {
 }
 
 .bytm-menu-header.small {
-  padding: 10px 15px;
+  padding: 10px;
   border-style: none none solid none !important;
 }
 
+.bytm-menu-title-logo-header-cont {
+  display: flex;
+}
+
+.bytm-cfg-menu-logo {
+  width: 32px;
+  height: 32px;
+  margin-right: 10px;
+}
+
 .bytm-menu-titlecont {
   position: relative;
   display: flex;
@@ -1021,7 +1031,7 @@ body .bytm-ripple.slower {
   flex-direction: row;
   justify-content: space-between;
   margin-top: 6px;
-  padding: 15px 20px;
+  padding: 15px;
   background: var(--bytm-menu-bg);
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, var(--bytm-menu-bg) 30%, var(--bytm-menu-bg) 100%);
   border: 2px solid var(--bytm-menu-separator-color);
@@ -1067,7 +1077,7 @@ body .bytm-ripple.slower {
   font-size: 20px;
   margin-top: 32px;
   margin-bottom: 8px;
-  padding: 0px 20px;
+  padding: 0px 15px;
 }
 
 .bytm-ftconf-category-header:first-of-type {

+ 16 - 6
src/menu/menu_old.css

@@ -42,14 +42,14 @@
 }
 
 .bytm-menu-body {
-  padding: 20px;
+  padding: 15px;
 }
 
 #bytm-menu-opts {
   display: flex;
   flex-direction: column;
   position: relative;
-  padding: 20px 0px;
+  padding: 15px 0px;
   overflow-y: auto;
 }
 
@@ -58,7 +58,7 @@
   justify-content: space-between;
   align-items: center;
   margin-bottom: 6px;
-  padding: 15px 20px 15px 20px;
+  padding: 15px;
   background-color: var(--bytm-menu-bg);
   border: 2px solid var(--bytm-menu-separator-color);
   border-style: none none solid none !important;
@@ -66,10 +66,20 @@
 }
 
 .bytm-menu-header.small {
-  padding: 10px 15px;
+  padding: 10px;
   border-style: none none solid none !important;
 }
 
+.bytm-menu-title-logo-header-cont {
+  display: flex;
+}
+
+.bytm-cfg-menu-logo {
+  width: 32px;
+  height: 32px;
+  margin-right: 10px;
+}
+
 .bytm-menu-titlecont {
   position: relative;
   display: flex;
@@ -205,7 +215,7 @@
   flex-direction: row;
   justify-content: space-between;
   margin-top: 6px;
-  padding: 15px 20px;
+  padding: 15px;
   background: var(--bytm-menu-bg);
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, var(--bytm-menu-bg) 30%, var(--bytm-menu-bg) 100%);
   border: 2px solid var(--bytm-menu-separator-color);
@@ -251,7 +261,7 @@
   font-size: 20px;
   margin-top: 32px;
   margin-bottom: 8px;
-  padding: 0px 20px;
+  padding: 0px 15px;
 }
 
 .bytm-ftconf-category-header:first-of-type {