diff --git a/public/static/handle/css/common.css b/public/static/handle/css/common.css index eec29b7..3aec2bb 100644 --- a/public/static/handle/css/common.css +++ b/public/static/handle/css/common.css @@ -463,24 +463,27 @@ margin-left: 0; padding: 0 2.5%; } .result-area{ - width: 35%; + width: 40%; display: flex; flex-direction: column; align-items: center; justify-content: center; - min-height: 10vh; + min-height: 12vh; + background: rgba(0,0,0,0.15); + border-radius: 6px; + padding: 4px; } .result-area-timer{ - font-size: 2.5vw; + font-size: 4vw; font-weight: bold; color: #fff; text-align: center; - background: rgba(0,0,0,0.5); + background: rgba(0,0,0,0.6); border-radius: 50%; - width: 5vw; - height: 5vw; - line-height: 5vw; - margin-bottom: 4px; + width: 7vw; + height: 7vw; + line-height: 7vw; + margin-bottom: 6px; display: none; } .result-area-img{ @@ -488,7 +491,7 @@ margin-left: 0; } .result-area-img img{ max-width: 100%; - max-height: 12vh; + max-height: 14vh; } diff --git a/public/static/handle/css/index_tab.css b/public/static/handle/css/index_tab.css index d0315e5..0f77aae 100644 --- a/public/static/handle/css/index_tab.css +++ b/public/static/handle/css/index_tab.css @@ -288,8 +288,6 @@ body{ .canvas-box canvas{ background: #fff; - width: 100%; - height: 100%; display: block; } @@ -1057,7 +1055,50 @@ body{ display: none !important; } +.result-box{ + display: none !important; +} +.bottom-row{ + display: flex; + width: 100%; + gap: 4px; +} +.table-data .limit-box{ + flex: 1; + padding: 0 2.5%; +} +.result-area{ + width: 40%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + min-height: 12vh; + background: rgba(0,0,0,0.15); + border-radius: 6px; + padding: 4px; +} +.result-area-timer{ + font-size: 4vw; + font-weight: bold; + color: #fff; + text-align: center; + background: rgba(0,0,0,0.6); + border-radius: 50%; + width: 7vw; + height: 7vw; + line-height: 7vw; + margin-bottom: 6px; + display: none; +} +.result-area-img{ + text-align: center; +} +.result-area-img img{ + max-width: 100%; + max-height: 14vh; +} .section .head .box .list .date span{ margin-right: 10px;