♻️ Use of the SCSS variables to compute the width of the inner panels

src/ui/layouts/login.scss

@@ -18,14 +18,14 @@
     align-items: safe center;
 
     &__login-panel {
-        @media (max-aspect-ratio: $panel-aspect-ratio) {
+        @media (max-aspect-ratio: $aspect-ratio) {
             width: 95%;
         }
-        @media (min-aspect-ratio: $panel-aspect-ratio) {
+        @media (min-aspect-ratio: $aspect-ratio) {
             height: 100%;
         }
 
-        aspect-ratio: $panel-aspect-ratio;
+        aspect-ratio: $aspect-ratio;
         max-height: $panel-max-height;
 
         flex-shrink: 0;
@@ -36,6 +36,6 @@
         justify-content: center;
 
         // Variables inherited by children
-        --aspect-ratio: #{$panel-aspect-ratio};
+        --aspect-ratio: #{$aspect-ratio};
     }
 }