fix UI

om-ai-lab · Dec 5, 2024 · 22fd835 · 22fd835
1 parent 2ff8e54
commit 22fd835
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 15 deletions.
diff --git a/overrides/assets/stylesheets/custom.7c86dd97.min.css b/overrides/assets/stylesheets/custom.7c86dd97.min.css
@@ -21,7 +21,7 @@
 .mdx__content {
   position: absolute;
   top: calc(42vw / 3);
-  left: 6rem;
+  left: 7rem;
   width: 45vw;
 }
 .mdx_title {
@@ -45,13 +45,13 @@
   line-height: normal;
   letter-spacing: 0rem;
   color: #ffffff;
-  padding: 0 6rem;
+  padding: 0 7rem;
   margin: 2.7rem 0 1.4rem;
 }
 .container {
   display: flex;
   flex-wrap: wrap;
-  padding: 0 6rem 2rem;
+  padding: 0 7rem 2rem;
   gap: 1.5rem 1.5rem;
 }
 .item {
@@ -89,8 +89,9 @@
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  background-color: #0a1d34;
-  padding: 20px;
+  /* background-color: #0a1d34; */
+  background: linear-gradient(180deg, #1a3455 0%, #0a213d 100%);
+  padding: 20px 20px 20px 26px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
   z-index: 1000;
   width: 54.6rem;
@@ -156,12 +157,12 @@
 }
 .cont_info {
   /* background: #070f20; */
-  padding: 20px 24px;
+  padding: 20px 0;
   border-radius: 8px 0 0 8px;
 }
 .popup_cont_img {
   width: 32.7rem;
-  border-radius: 0 8px 8px 0;
+  border-radius: 8px;
 }
 .cont_info_title {
   font-size: 1rem;
@@ -179,7 +180,7 @@
   color: rgba(255, 255, 255, 0.6);
 }
 .cont_info_device {
-  font-size: 1rem;
+  font-size: 0.7rem;
   font-weight: 500;
   line-height: normal;
   letter-spacing: 0em;

diff --git a/overrides/home.html b/overrides/home.html
@@ -23,11 +23,6 @@
   .md-header__source {
     display: none;
   }
-  .md-grid {
-    padding: 0 6rem;
-    /* width: 100%; */
-    max-width: 100%;
-  }
 </style>
 <script>
   const dataList = [
@@ -167,7 +162,7 @@
     <div class="popup_header">
       <div class="popup_title">title</div>
       <div class="popup_share">
-        <span class="share_btn">share</span>
+        <span class="share_btn">Share</span>
         <div class="try_btn" id="tryBtn">Try Now</div>
       </div>
     </div>

diff --git a/overrides/partials/header.html b/overrides/partials/header.html
@@ -4,11 +4,18 @@
 in features %} {% set class = class ~ " md-header--shadow" %} {% endif %}
 <style>
   .md-header__title {
-    width: 200px;
+    min-width: 200px;
     font-weight: 900;
     color: #ffffff;
     font-size: 1rem;
   }
+  .md-grid {
+    max-width: 100%;
+    padding: 0 6rem;
+  }
+  .md-tabs .md-grid {
+    padding: 0;
+  }
 </style>
 <header class="{{ class }}" data-md-component="header">
   <nav class="md-header__inner md-grid" aria-label="{{ lang.t('header') }}">