enhance(iPad): set min-width and max-width for right sidebar

src/main/frontend/components/header.css

@@ -217,7 +217,10 @@ html.is-native-ipad {
     --ls-headbar-height: 4rem;
 
     #main-container {
-        padding-top: 40px;
+        padding-top: 0px;
+
+    #main-container-content {
+        padding-top: 0px;
     }
     
     .cp__header {
@@ -225,7 +228,7 @@ html.is-native-ipad {
       display: flex;
 
       > .l {
-        /* background-color: var(--ls-primary-background-color); */
+        background-color: var(--ls-primary-background-color);
         padding-top: 20px;
       }
 

src/main/frontend/components/sidebar.css

@@ -359,7 +359,9 @@ html[data-theme='dark'] {
   }
 
   &.open {
-    width: var(--ls-right-sidebar-width);
+      width: var(--ls-right-sidebar-width);
+      min-width: 260px;
+      max-width: 60vw;
   }
 
   &-scollable {