[Docs] Minor updates on the landing page (mobile version fix)

dstackai · Sep 12, 2024 · 01269e5 · 01269e5
1 parent 2fd6752
commit 01269e5
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 9 deletions.
diff --git a/docs/assets/stylesheets/extra.css b/docs/assets/stylesheets/extra.css
@@ -45,7 +45,7 @@
 #kapa-widget-container .mantine-Button-root {
     height: 4rem !important;
     width: 4rem !important;
-    background: rgba(255,255,255, 0.4) !important;
+    background: rgba(255,255,255, 0.5) !important;
     box-shadow: none !important;
     border: 0.5px solid black !important;
     border-radius: 4px;
@@ -1450,16 +1450,36 @@ html .md-footer-meta.md-typeset a:is(:focus,:hover) {
         border-radius: 0 !important;
     }
 
-    .md-typeset .termy{
-        margin: 0 -.8rem 0 -0.8rem;
+    .md-typeset .termy {
+        margin-left: -0.8rem;
+        margin-right: -0.8rem;
+    }
+
+    .md-typeset .tabbed-set .termy {
+        margin-left: 0;
+        margin-right: 0;
+    }
+
+    .md-typeset blockquote {
+        margin-left: -0.8rem;
+        margin-right: -0.8rem;
+        border-radius: 0;
+    }
+
+    .md-typeset .tabbed-set blockquote {
+        margin-left: 0;
+        margin-right: 0;
+        border-radius: 0;
     }
 
     .md-typeset .tabbed-set {
         margin: 0 -.8rem 0 -0.8rem;
     }
 
-    [dir=ltr] .md-typeset blockquote, [dir=ltr] .md-typeset :is(.admonition,details) {
-        margin: 0 -.8rem 0 -0.8rem;
+    [dir=ltr] .md-typeset :is(.admonition,details) {
+        border-radius: 0 !important;
+        margin-left: -0.8rem;
+        margin-right: -0.8rem;
     }
 
     [dir=ltr] .md-content__inner>.tabbed-set .tabbed-labels {
@@ -1480,6 +1500,7 @@ html .md-footer-meta.md-typeset a:is(:focus,:hover) {
     text-align: center;
     font-size: 0.725rem;
     font-weight: 300;
+    white-space: nowrap;
 }
 
 .md-typeset.md-banner__inner strong {

diff --git a/docs/assets/stylesheets/landing.css b/docs/assets/stylesheets/landing.css
@@ -223,7 +223,7 @@
 .md-typeset .md-button {
     margin-top: 1.2rem;
     margin-bottom: 1.5rem;
-    font-size: 20px;
+    font-size: 21px;
     font-weight: 400 !important;
     text-align: center;
     border-radius: 3px;
@@ -931,8 +931,14 @@
     margin: 0;
 }
 
-@media screen and (max-width: 76.1875em) {
+@media screen and (max-width: 44.984375em) {
+    .md-header__buttons .md-button:before, .md-header__buttons .md-button:after {
+        display: none !important;
+    }
 
+    .md-header__buttons .md-button-secondary.borderless, .md-header__buttons .md-button-secondary.borderless:hover {
+        padding-right: 10px;
+    }
 }
 
 @media screen and (min-width: 76.1875em) {

diff --git a/docs/overrides/home.html b/docs/overrides/home.html
@@ -114,7 +114,6 @@ <h1>AI container orchestration <br> for everyone</h1>
                     dstack is an open-source alternative to Kubernetes, designed to simplify development,
                     training, and deployment of AI across <span class="highlight"> any cloud</span> or
                     <span class="highlight">on-prem</span>.
-                    <br>
                     It supports
                     <span class="highlight">NVIDIA</span>, <span class="highlight">AMD</span>, and <span class="highlight">TPU</span>.
                 </p>
@@ -565,7 +564,7 @@ <h2>FAQ</h2>
                 Have questions, or need help?
                 <br>
                 <a href="https://discord.gg/u8SmfwPpMd" target="_blank"
-                   class="md-button md-button-secondary small discord">
+                   class="md-button md-button-secondary discord">
                     Community
                 </a>
                 <!--<a href="https://calendly.com/dstackai/discovery-call" target="_blank"