update

PrediOrg · Jan 17, 2025 · 3ee9879 · 3ee9879
1 parent f0feed6
commit 3ee9879
Show file tree

Hide file tree

Showing 7 changed files with 48 additions and 16 deletions.
diff --git a/src/assets/css/home.scss b/src/assets/css/home.scss
@@ -22,12 +22,14 @@
   }
 }
 body {
+  --BGHomeColor2: #fff;
   --BGColor0: rgb(249, 250, 251);
   --ButtonColor: rgb(87, 62, 243);
   --FontColor1: rgb(20, 21, 25);
   --LineColor: rgb(71, 84, 103);
   --LineColor2: #EAECF0;
   --BGColor2: rgb(255, 255, 255);
+  --MintPrice: #fff;
   --Color2: rgb(255, 255, 255);
   --token-84a176a1-3447-495e-9092-ed348eda5f49: rgb(64, 58, 187);
   --token-eb5b0d19-1aa7-4883-8fb0-1863f8bd4814: rgba(0, 0, 0, .08);
@@ -48,12 +50,15 @@ body {
 
 @media (prefers-color-scheme: light) {
   body {
+    --BGHomeColor2: #fff;
+
     --BGColor0: rgb(249, 250, 251);
     --ButtonColor: rgb(87, 62, 243);
     --FontColor1: rgb(20, 21, 25);
     --LineColor: rgb(71, 84, 103);
     --LineColor2: #EAECF0;
     --BGColor2: rgb(255, 255, 255);
+    --MintPrice: #fff;
     --Color2: rgb(255, 255, 255);
     --token-84a176a1-3447-495e-9092-ed348eda5f49: rgb(64, 58, 187);
     --token-eb5b0d19-1aa7-4883-8fb0-1863f8bd4814: rgba(0, 0, 0, .08);
@@ -68,11 +73,14 @@ body {
 }
 @media (prefers-color-scheme: dark) {
   body {
+    --BGHomeColor2: #141519;
+
     --BGColor0: rgb(17, 21, 18);
     --FontColor1: rgb(245, 245, 246);
     --LineColor: rgb(148, 150, 156);
     --LineColor2: #1F242F;
-    --BGColor2: rgb(20, 21, 25);
+    --BGColor2: radial-gradient( 30% 55% at 89% 49%, #241A3C 0%, #1C1A20 100%);
+    --MintPrice: #141519;
     --Color2: rgb(255, 255, 255);
     --token-eb5b0d19-1aa7-4883-8fb0-1863f8bd4814: rgb(41, 42, 47);
     --token-efb762cf-bc24-4fbd-92cb-b75ee53fdca8: rgba(255, 255, 255, .3);
@@ -87,11 +95,14 @@ body {
   }
 }
 body[data-theme="dark"] {
+  --BGHomeColor2: #141519;
+
   --BGColor0: rgb(17, 21, 18);
   --FontColor1: rgb(245, 245, 246);
   --LineColor: rgb(148, 150, 156);
-  --BGColor2: rgb(20, 21, 25);
+  --BGColor2: radial-gradient( 30% 55% at 89% 49%, #241A3C 0%, #1C1A20 100%);
   --Color2: rgb(255, 255, 255);
+  --MintPrice: #141519;
   --LineColor2: #1F242F;
   --token-eb5b0d19-1aa7-4883-8fb0-1863f8bd4814: rgb(41, 42, 47);
   --token-efb762cf-bc24-4fbd-92cb-b75ee53fdca8: rgba(255, 255, 255, .3);
@@ -104,11 +115,13 @@ body[data-theme="dark"] {
   --MarketBottomItemBG: rgba(244,243,255,0.1);
 }
 body[data-theme="light"] {
+  --BGHomeColor2: #fff;
   --BGColor0: rgb(249, 250, 251);
   --ButtonColor: rgb(87, 62, 243);
   --FontColor1: rgb(20, 21, 25);
   --LineColor: rgb(71, 84, 103);
   --BGColor2: rgb(255, 255, 255);
+  --MintPrice: #fff;
   --LineColor2: #EAECF0;
   --Color2: rgb(255, 255, 255);
   --token-84a176a1-3447-495e-9092-ed348eda5f49: rgb(64, 58, 187);

diff --git a/src/views/App/components/portfolioPc.vue b/src/views/App/components/portfolioPc.vue
@@ -736,4 +736,8 @@ export default {
     }
   }
 }
+//override
+.ant-spin-container{
+  border-radius: 5px;
+}
 </style>
diff --git a/src/views/App/market-detail.vue b/src/views/App/market-detail.vue
@@ -1080,7 +1080,7 @@ export default {
 
   .detail-info {
     padding: 20px 26px;
-    background: var(--MintBGColor);
+    background: var(--BGColor2);
     @include box_shadow_color_detail;
     border-radius: 10px;
     color: var(--FontColor1);

diff --git a/src/views/App/market.vue b/src/views/App/market.vue
@@ -402,6 +402,7 @@ body[data-theme="dark"] {
   /deep/ .ant-list-item {
     padding-bottom: 24px;
     height: 100%;
+
   }
 
   /deep/ .ant-row {
@@ -422,6 +423,7 @@ body[data-theme="dark"] {
     font-family: "paralucent", sans-serif;
     color: var(--FontColor1);
     background: var(--BGColor2);
+
     @include box_shadow_color;
     border-radius: 10px;
     position: relative;

diff --git a/src/views/HomeView/HomeView.vue b/src/views/HomeView/HomeView.vue
@@ -10,7 +10,7 @@
         <div class="ssr-variant hidden-1e8edyz">
           <div class="framer-tr6jlz-container">
             <div class="framer-CLdFL framer-1rimy18 framer-v-1rimy18" data-framer-name="Desktop"
-                 style="background-color: var(--BGColor2, rgb(255, 255, 255)); width: 100%; opacity: 1;">
+                 style="background-color: var(--BGHomeColor2, rgb(255, 255, 255)); width: 100%; opacity: 1;">
               <div class="framer-1ng1d4j" data-framer-name="Nav Wrapper" style="opacity: 1;">
                 <div class="framer-5lci55-container" style="opacity: 1;">
                   <div class="framer-hvMep framer-FhEkj framer-p3te6o framer-v-p3te6o"
@@ -1532,7 +1532,7 @@ NavigationContainer [data-framer-component-type=NavigationContainer] > *, [data-
 .framer-orBoP .framer-r0taek {
   align-content: center;
   align-items: center;
-  background-color: var(--BGColor2, #ffffff);
+  background-color: var(--BGHomeColor2, #ffffff);
   display: flex;
   flex: none;
   flex-direction: column;

diff --git a/src/views/NFT/index.vue b/src/views/NFT/index.vue
@@ -670,15 +670,16 @@ export default {
 
   .mint-btn {
     width: 100%;
-    height: 60px;
-    border-radius: 17px;
+    height:50px;
+    border-radius: 8px;
     margin-top: 20px;
   }
 
   .issue-tip {
     font-size: 16px;
     color:  var(--FontColor1);
-
+    opacity: 0.7;
+    font-weight: normal;
   }
 
   .mint-number {
@@ -692,10 +693,10 @@ export default {
 
   .mint-price {
 
-    background: var(--BGColor2);
+    background: var(--MintPrice);
     box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
     border-radius: 8px 8px 8px 8px;
-    border: 1px solid rgba(0, 0, 0, 0.08);
+    border: 1px solid var(--LineColor2);
 
     padding: 0 25px;
     margin-top: 20px;
@@ -765,7 +766,7 @@ export default {
         align-items: center;
         cursor: pointer;
         justify-content: space-between;
-        border-left: 1px solid rgba(0, 0, 0, 0.08);
+        border-left: 1px solid var(--LineColor2);
         .left-price{
           display: flex;
           align-items: center;
@@ -1256,4 +1257,18 @@ export default {
     }
   }
 }
+
+@media screen and (max-width: 810px) {
+.mint-op-box{
+  .mint-number {
+    font-size: 7vw;
+    font-weight: 400;
+
+  }
+  .issue-tip{
+    font-size: 4vw;
+  }
+}
+
+}
 </style>
diff --git a/src/views/NFT/packet.vue b/src/views/NFT/packet.vue
@@ -20,7 +20,7 @@
         class="markets-add-list"
         :grid="{
           gutter: device == 'mobile' ? 12 : 24,
-          xs: 2,
+          xs: 1,
           sm: 2,
           md: 2,
           lg: 4,
@@ -469,7 +469,6 @@ export default {
 
     .markets-info-img {
       width: 100%;
-      @include bg_color_change($background-color-change7, $background-color-change8);
       display: flex;
       justify-content: center;
       align-items: center;
@@ -527,7 +526,7 @@ export default {
         //color: var(--FontColor1);
         @include box_shadow_color;
         background: #573EF3;
-
+        font-weight: 500;
         border-radius: 10px;
         font-size: 16px;
         height: 42px;
@@ -750,7 +749,6 @@ export default {
       border-radius: 0.2rem;
 
       .markets-info-intro {
-        flex-direction: column;
         align-items: flex-start;
         padding: 0.1rem 0;
 
@@ -793,7 +791,7 @@ export default {
         button {
           width: 48%;
           border-radius: 0.2rem;
-          font-size: 0.32rem;
+          font-size: 0.26rem;
           height: 0.72rem;
         }
       }