diff --git a/packages/opendesign/src/radio/style/media.scss b/packages/opendesign/src/radio/style/media.scss index a5b50d42c3ce89159fd63266b39b03882e48fd6f..eb0564eee467a73e4a3248ccdd0962c5e57d7f78 100644 --- a/packages/opendesign/src/radio/style/media.scss +++ b/packages/opendesign/src/radio/style/media.scss @@ -1,8 +1,8 @@ @use '../../_styles/mixin.scss' as *; -@include respond-to('<=laptop') { +@include respond-to('<=pc_s') { .o-radio { --radio-text-size: var(--o-font_size-tip1); --radio-text-height: var(--o-line_height-tip1); } -} +} \ No newline at end of file diff --git a/packages/opendesign/src/result/style/media.scss b/packages/opendesign/src/result/style/media.scss index 10399bd626a8db3b9adacad9a814840e3049c93c..fff0484ae20e771219f5492b3029d7f837b32f0c 100644 --- a/packages/opendesign/src/result/style/media.scss +++ b/packages/opendesign/src/result/style/media.scss @@ -1,6 +1,6 @@ @use '../../_styles/mixin.scss' as *; -@include respond-to('laptop') { +@include respond-to('pad_v-pc_s') { .o-result { --result-image-width: 160px; --result-image-height: 140px; @@ -17,7 +17,7 @@ } } -@include respond-to('<=pad') { +@include respond-to('<=pad_v') { .o-result { --result-image-width: 160px; --result-image-height: 140px; @@ -26,19 +26,20 @@ --result-icon-size: 48px; --result-icon-gap: 8px; - --result-title-text-size: var(--o-font_size-text2); - --result-title-text-height: var(--o-line_height-text2); + --result-title-text-size: var(--o-font_size-text1); + --result-title-text-height: var(--o-line_height-text1); - --result-desc-text-size: var(--o-font_size-tip1); - --result-desc-text-height: var(--o-line_height-tip1); + --result-desc-text-size: var(--o-font_size-tip2); + --result-desc-text-height: var(--o-line_height-tip2); --result-desc-gap: 8px; } .o-result-header { flex-direction: column; } + .o-result-icon { margin-right: 0; margin-bottom: var(--result-icon-gap); } -} +} \ No newline at end of file diff --git a/packages/opendesign/src/result/style/var.scss b/packages/opendesign/src/result/style/var.scss index 0a6031461ee49b6673496302c6ca3361b0fd228d..df4ed6b2ec47e41cd07b1a8785fd227714cef86d 100644 --- a/packages/opendesign/src/result/style/var.scss +++ b/packages/opendesign/src/result/style/var.scss @@ -1,14 +1,14 @@ .o-result { - --result-image-width: 320px; - --result-image-height: 280px; + --result-image-width: 240px; + --result-image-height: 210px; --result-image-gap: 16px; --result-icon-size: var(--o-icon_size_control-xl); --result-icon-gap: 12px; --result-title-color: var(--o-color-info1); - --result-title-text-size: var(--o-font_size-h2); - --result-title-text-height: var(--o-line_height-h2); + --result-title-text-size: var(--o-font_size-h3); + --result-title-text-height: var(--o-line_height-h3); --result-desc-color: var(--o-color-info3); --result-desc-text-size: var(--o-font_size-text1); @@ -32,4 +32,4 @@ .o-result-danger { --result-icon-color: var(--o-color-danger1); -} +} \ No newline at end of file