diff --git a/resources/assets/js/pages/manage/application.vue b/resources/assets/js/pages/manage/application.vue index 2c98205b9..a724316c0 100644 --- a/resources/assets/js/pages/manage/application.vue +++ b/resources/assets/js/pages/manage/application.vue @@ -17,8 +17,8 @@ div { font-size: 14px; font-weight: normal; - background: #ffffff; + background: #fcfcfc; color: #333333; border-radius: 8px; - padding: 14px; + padding: 12px; display: flex; align-items: center; gap: 10px; cursor: pointer; position: relative; - border: 1px solid #ffffff; - - @media (max-width: 510px) { - display: block; - text-align: center; - } + border: 1px solid #fcfcfc; >img { width: 40px; height: 40px; - - @media (max-width: 510px) { - margin-bottom: 5px; - } } >p{ @@ -78,9 +69,6 @@ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; - @media (max-width: 510px) { - -webkit-line-clamp: 1; - } } .apply-box-top-report { @@ -90,6 +78,30 @@ padding: 8px; } } + + } + + @media (max-width: 510px) { + .ivu-row{ + margin-left: -12px !important; + margin-right: -12px !important; + } + .apply-col { + margin-bottom: 6px; + >div { + display: block; + text-align: center; + padding:12px 0; + background: none; + border-color: #ffffff; + >img { + margin-bottom: 5px; + } + >p{ + -webkit-line-clamp: 1; + } + } + } } } } @@ -351,14 +363,13 @@ body.window-portrait { } .apply-content{ padding: 16px 20px; + .apply-row-title{ + margin: 8px 0; + } .apply-col { - margin-bottom: 16px; - >div { font-size: 12px; - font-weight: bold; - background: none; - border-color: #fafafa; + font-weight: 500; } } }