@opendesign-plus-test/components 0.0.1-rc.220 → 0.0.1-rc.221

package/dist/treeshaking/components/search-result/OSearchResultHeader.css

@@ -0,0 +1,125 @@
+.hover-icon-rotate .o-icon[data-v-0faab97b] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-0faab97b] {
+    transform: rotate(-180deg);
+}
+}
+.o-search-result-header[data-v-0faab97b] {
+  background-image: var(--v5b9f5904);
+  background-position: 100% 100%;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+@media (max-width: 840px) {
+.o-search-result-header[data-v-0faab97b] {
+    background-image: none;
+    background-color: var(--o-color-fill2);
+}
+}
+.o-search-result-header .o-search-result-header-content[data-v-0faab97b] {
+  position: relative;
+  height: 280px;
+  padding-top: 80px;
+  max-width: var(--grid-20);
+  margin: 0 auto;
+}
+@media (max-width: 1680px) {
+.o-search-result-header .o-search-result-header-content[data-v-0faab97b] {
+    height: 220px;
+    padding-top: 52px;
+}
+}
+@media (max-width: 1200px) {
+.o-search-result-header .o-search-result-header-content[data-v-0faab97b] {
+    height: 180px;
+    padding-top: 34px;
+    padding-left: 32px;
+    padding-right: 32px;
+}
+}
+@media (max-width: 840px) {
+.o-search-result-header .o-search-result-header-content[data-v-0faab97b] {
+    display: flex;
+    flex-direction: column;
+    height: auto;
+    padding: 0;
+    max-width: none;
+}
+}
+.o-search-result-header .o-search-result-header-back[data-v-0faab97b] {
+  display: none;
+}
+.o-search-result-header .o-search-result-header-search-btn[data-v-0faab97b] {
+  display: none;
+}
+.o-search-result-header .o-search-result-header-input[data-v-0faab97b] {
+  max-width: var(--grid-15);
+}
+@media (min-width: ) {
+.o-search-result-header .o-search-result-header-input[data-v-0faab97b] {
+    max-width: var(--grid-10);
+}
+}
+@media (max-width: 840px) {
+.o-search-result-header .o-search-result-header-input-row[data-v-0faab97b] {
+    display: flex;
+    align-items: center;
+    gap: 24px;
+    padding: 8px 32px;
+}
+.o-search-result-header .o-search-result-header-back[data-v-0faab97b] {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+    padding: 0;
+    border: none;
+    background: none;
+    cursor: pointer;
+}
+.o-search-result-header .o-search-result-header-back .o-icon[data-v-0faab97b] {
+    font-size: 24px;
+}
+.o-search-result-header .o-search-result-header-input[data-v-0faab97b] {
+    flex: 1;
+    max-width: none;
+    margin: 0;
+}
+.o-search-result-header .o-search-result-header-search-btn[data-v-0faab97b] {
+    display: block;
+    flex-shrink: 0;
+    font-size: 16px;
+    line-height: 24px;
+    cursor: pointer;
+    white-space: nowrap;
+}
+}
+@media (max-width: 600px) {
+.o-search-result-header .o-search-result-header-input-row[data-v-0faab97b] {
+    padding: 8px 24px;
+}
+}
+.o-search-result-header .o-search-result-header-tab-wrap[data-v-0faab97b] {
+  position: absolute;
+  bottom: 0;
+}
+@media (max-width: 840px) {
+.o-search-result-header .o-search-result-header-tab-wrap[data-v-0faab97b] {
+    position: static;
+    padding: 8px 32px 0;
+    overflow-x: auto;
+    z-index: 0;
+}
+.o-search-result-header .o-search-result-header-tab-wrap[data-v-0faab97b] .o-tab-navs {
+    flex-wrap: nowrap;
+}
+}
+@media (max-width: 600px) {
+.o-search-result-header .o-search-result-header-tab-wrap[data-v-0faab97b] {
+    padding: 8px 24px;
+}
+}
+.o-search-result-header .o-search-result-header-tab-wrap .o-search-result-header-tab[data-v-0faab97b] {
+  --tab-nav-justify: start;
+}