diff --git a/src/views/components/marketTemperature.vue b/src/views/components/marketTemperature.vue index 0b3136a..edac0cf 100644 --- a/src/views/components/marketTemperature.vue +++ b/src/views/components/marketTemperature.vue @@ -1083,8 +1083,8 @@ defineExpose({ initChart }); font-size: calc(10px + 1.5vw); color: #00ffff; position: absolute; - bottom: 42%; - left: 30px; + bottom: 60%; + left: 10px; } .secondTitle { diff --git a/src/views/homePage.vue b/src/views/homePage.vue index 311f3c0..982cc4d 100644 --- a/src/views/homePage.vue +++ b/src/views/homePage.vue @@ -2565,7 +2565,7 @@ body { justify-content: center; align-items: center; position: fixed; - bottom: 15%; + bottom: 20%; color: white; z-index: 9999; } @@ -2609,12 +2609,10 @@ body { font-size: 20px; font-weight: bold; text-align: center; - margin-bottom: 20px; width: 100%; } .tokenRuleSection { - margin-bottom: 15px; width: 100%; } @@ -2629,7 +2627,6 @@ body { color: white; font-size: 16px; line-height: 1.5; - margin-bottom: 6px; } .tokenRuleNote { @@ -2640,22 +2637,24 @@ body { color: white; font-size: 14px; line-height: 1.5; - margin-top: 15px; text-align: center; word-wrap: break-word; overflow-wrap: break-word; } @media (max-width: 768px) { + + .tokenRuleDialog { + bottom: 20%; + } .tokenRuleDialogContent { - width: 90vw; + width: 80vw; padding: 15px 20px; max-height: 80vh; } .tokenRuleDialogTitle { font-size: 18px; - margin-bottom: 15px; } .tokenRuleSectionTitle { @@ -2664,9 +2663,8 @@ body { } .tokenRuleItem { - font-size: 14px; + font-size: 13px; line-height: 1.4; - margin-bottom: 5px; word-wrap: break-word; overflow-wrap: break-word; } @@ -2674,7 +2672,6 @@ body { .tokenRuleNote { font-size: 12px; padding: 10px; - margin-top: 12px; line-height: 1.4; }