chore(capacitor-site.tsx): update minHeight value from 400px to 300px…

… for better layout

chore(docs-search.scss): update background color to white for better readability
chore(docs-search.scss): update padding-inline-start value from clamp(20px, 7vw, 40px) to clamp(30px, 7vw, 40px) for better spacing
chore(style-default.scss): add styles for rs-slide and rs-group-wrap to adjust positioning and font sizes
chore(style-default.scss): add media query for max-width: 777px to adjust font sizes and padding
chore(style-default.scss): add styles for #slider-2-slide-6-layer-17:active and #slider-2-slide-4-layer-25:active to adjust opacity

src/components/capacitor-site/capacitor-site.tsx

@@ -42,7 +42,7 @@ export class App {
                   visibilityLevels: "1240,1024,778,480",
                   gridwidth: "1240,1024,778,480",
                   gridheight: "900,768,960,720",
-                  minHeight: "400px",
+                  minHeight: "300px",
                   perspective: 600,
                   perspectiveType: "isometric",
                   keepBPHeight: true,

src/components/docs-search/docs-search.scss

@@ -99,7 +99,7 @@ docs-search {
     font-size: 17px;
 
     color: #b2becd;
-    background: #fff;
+    background: white;
 
     z-index: 1;
     cursor: pointer;
@@ -115,7 +115,7 @@ docs-search {
     -webkit-appearance: textfield;
 
     padding: 0;
-    padding-inline-start: clamp(20px, 7vw, 40px);
+    padding-inline-start: clamp(30px, 7vw, 40px);
     padding-inline-end: clamp(2px, 1vw, 16px);
 
     font-family: 'Inter';
@@ -396,3 +396,7 @@ docs-search {
     }
   }
 }
+
+ion-icon.close {
+  cursor: pointer;
+}

src/global/style-default.scss

@@ -1037,3 +1037,38 @@ p {
     right: 0;
   }
 }
+
+rs-slide > rs-group-wrap {
+  top: calc(50vh - 32px) !important;
+  transform: translateY(-50%) !important;
+
+  #slider-2-slide-5-layer-1, #slider-2-slide-6-layer-1, #slider-2-slide-4-layer-1 {
+    font-size: 21px !important;
+    line-height: 26px !important;
+  }
+
+  #slider-2-slide-6-layer-17, #slider-2-slide-4-layer-25 {
+    transition: opacity 0.333s ease-in-out;
+    font-size: 21px !important;
+    line-height: 26px !important;
+    padding: 19px !important;
+  }
+}
+
+@media (max-width: 777px) {
+  rs-slide > rs-group-wrap {
+  #slider-2-slide-5-layer-1, #slider-2-slide-6-layer-1, #slider-2-slide-4-layer-1 {
+    font-size: 17px !important;
+    line-height: 21px !important;
+  }
+  #slider-2-slide-6-layer-17, #slider-2-slide-4-layer-25 {
+    font-size: 17px !important;
+    line-height: 21px !important;
+    padding: 14px !important;
+  }
+}
+}
+
+#slider-2-slide-6-layer-17:active, #slider-2-slide-4-layer-25:active {
+  opacity: 0.69 !important;
+}