ipo页面移动端适配

2023-04-16 20:51:53 +08:00
parent f569b35229
commit 9c231fc2c3
5 changed files with 377 additions and 244 deletions
@@ -28,9 +28,13 @@ const list = ref([proxy.$t('ipo.CompanyInformation'), proxy.$t('ipo.TypeofListin
 .item {
    margin-top: 18px;
    display: flex;
-    // @media screen and (max-width: 768px){
-    //     width: 100vw;
-    // }
+
+    @media screen and (max-width: 768px) {
+        margin-top: 0px;
+        width: 100vw;
+        overflow-x: scroll;
+    }
+
    a {
        // margin-left: 5px;
        padding: 5px 10px;
@@ -39,6 +43,8 @@ const list = ref([proxy.$t('ipo.CompanyInformation'), proxy.$t('ipo.TypeofListin
        font-weight: 700;
        border-radius: 30px;
        text-decoration: none;
+        width: fit-content;
+        white-space: nowrap;

        &:hover {
            background-color: #1C3F56;