fix(site): mobile layout on declarative yaml

close #350
kestra-io · Aug 7, 2023 · 7ce7940 · 7ce7940 · vercel · Aug 7, 2023
1 parent c22c522
commit 7ce7940
Show file tree

Hide file tree

Showing 2 changed files with 107 additions and 104 deletions.
diff --git a/components/features/declaratives/Features.vue b/components/features/declaratives/Features.vue
@@ -84,6 +84,9 @@
 </script>
 
 <style lang="scss" scoped>
+    @import "../../../assets/styles/variable";
+
+
     .container-fluid {
         background-color: var(--bs-gray-200);
         position: relative;
@@ -95,10 +98,17 @@
             opacity: 0.3;
             position: absolute;
             top: 0;
-            background: url("/landing/shadow3.svg") no-repeat bottom center;
+            background: url("/landing/shadow3.svg") no-repeat 50% 150px;
+
+            @include media-breakpoint-down(md) {
+                & {
+                    display: none;
+                }
+            }
         }
     }
 
+
     .code {
         position: relative;
         background: var(--bs-white);
@@ -107,6 +117,7 @@
         font-family: var(--bs-font-monospace);
         color: var(--bs-indigo);
         white-space: pre;
+        overflow: hidden;
 
         .text-success {
             color: #2C3F3A !important;