Extract a magic value into a proper CSS variable

EasyCorp · Apr 16, 2024 · 43cc094 · 43cc094
1 parent 96404d8
commit 43cc094
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/assets/css/easyadmin-theme/base.css b/assets/css/easyadmin-theme/base.css
@@ -283,7 +283,7 @@ a.user-menu-wrapper .user-details:hover {
     .content-wrapper {
         display: grid;
         grid-template-columns: auto var(--resize-handler-width);
-        padding: 0 var(--lg-content-padding-right) 45px var(--lg-content-padding-left);
+        padding: 0 var(--lg-content-padding-right) var(--lg-content-padding-bottom) var(--lg-content-padding-left);
     }
 }
 
@@ -315,7 +315,7 @@ a.user-menu-wrapper .user-details:hover {
 }
 
 #content-resizer-handler {
-    min-height: calc(100vh - 56px - 45px);
+    min-height: calc(100vh - 56px - var(--lg-content-padding-bottom));
 }
 
 .content-top {

diff --git a/assets/css/easyadmin-theme/variables-theme.css b/assets/css/easyadmin-theme/variables-theme.css
@@ -83,6 +83,7 @@
     --content-padding-right: 15px;
     --lg-content-padding-left: 35px;
     --lg-content-padding-right: 25px;
+    --lg-content-padding-bottom: 45px;
     --user-avatar-icon-bg: var(--gray-200);
     --user-avatar-icon-color: var(--gray-500);
     --user-name-color: var(--gray-500);