template: styles: Make bottom panel prettier

Make bottom panel thinner, make bottom panel text smaller in size and thinner. Also remove redundant lines that appeared twice. Signed-off-by: Patrick Barsanti <[email protected]>
giuliobenetti · Jun 5, 2024 · 8c638dd · 8c638dd
1 parent 2b9f28d
commit 8c638dd
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 15 deletions.
diff --git a/template/layouts/cover.vue b/template/layouts/cover.vue
@@ -7,11 +7,11 @@
   </div>
   <table class="bottompanel">
       <tr>
-        <th style="text-align:left; padding-left:8px;">
+        <th style="text-align:left; padding-left:8px; font-weight:400">
           <a href="https://www.amarulasolutions.com">https://www.amarulasolutions.com</a>
         </th>
         <th>
-          <SlideCurrentNo class="" />
+          <SlideCurrentNo class="" style="font-weight:400"/>
         </th>
       </tr>
   </table>

diff --git a/template/layouts/default.vue b/template/layouts/default.vue
@@ -7,11 +7,11 @@
   </div>
   <table class="bottompanel">
       <tr>
-        <th style="text-align:left; padding-left:8px;">
+        <th style="text-align:left; padding-left:8px; font-weight:400">
           <a href="https://www.amarulasolutions.com">https://www.amarulasolutions.com</a>
         </th>
         <th>
-          <SlideCurrentNo />
+          <SlideCurrentNo style="font-weight:400"/>
         </th>
       </tr>
   </table>

diff --git a/template/layouts/fact.vue b/template/layouts/fact.vue
@@ -7,11 +7,11 @@
   </div>
   <table class="bottompanel">
       <tr>
-        <th style="text-align:left; padding-left:8px;">
+        <th style="text-align:left; padding-left:8px; font-weight:400">
           <a href="https://www.amarulasolutions.com">https://www.amarulasolutions.com</a>
         </th>
         <th>
-          <SlideCurrentNo />
+          <SlideCurrentNo style="font-weight:400"/>
         </th>
       </tr>
   </table>

diff --git a/template/layouts/section.vue b/template/layouts/section.vue
@@ -6,11 +6,11 @@
   </div>
   <table class="bottompanel">
       <tr>
-        <th style="text-align:left; padding-left:8px;">
+        <th style="text-align:left; padding-left:8px; font-weight:400">
           <a href="https://www.amarulasolutions.com">https://www.amarulasolutions.com</a>
         </th>
         <th>
-          <SlideCurrentNo />
+          <SlideCurrentNo style="font-weight:400"/>
         </th>
       </tr>
   </table>

diff --git a/template/layouts/two-cols.vue b/template/layouts/two-cols.vue
@@ -21,11 +21,11 @@ const props = defineProps({
   </div>
   <table class="bottompanel">
       <tr>
-        <th style="text-align:left; padding-left:8px;">
+        <th style="text-align:left; padding-left:8px; font-weight:400">
           <a href="https://www.amarulasolutions.com">https://www.amarulasolutions.com</a>
         </th>
         <th>
-          <SlideCurrentNo />
+          <SlideCurrentNo style="font-weight:400"/>
         </th>
       </tr>
   </table>

diff --git a/template/styles/layout.css b/template/styles/layout.css
@@ -97,17 +97,14 @@ h2 {
   left: 0px;
   right: 0px;
   bottom: 0px;
-  height: 32px;
-  height: 32px;
+  height: 24px;
   width: 100%;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-right: 16px;
   padding-left: 16px;
-  font-size: 16px;
+  font-size: 12px;
   background-color: #fdcb0b;
-  background-color: #fdcb0b;
-  font-weight: bold;
 }
 
 .slidev-layout.section {