@opendesign-plus/components 0.0.1-rc.63 → 0.0.1-rc.65

package/dist/treeshaking/components/logo-swiper/OLogoSwiperItems.css

@@ -1,41 +1,41 @@
-.hover-icon-rotate .o-icon[data-v-744f8385] {
+.hover-icon-rotate .o-icon[data-v-6a616946] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-744f8385] {
+.hover-icon-rotate:hover .o-icon[data-v-6a616946] {
     transform: rotate(-180deg);
 }
 }
-.o-logo-swiper-items[data-v-744f8385] {
+.o-logo-swiper-items[data-v-6a616946] {
   display: flex;
   white-space: nowrap;
   overflow: hidden;
   position: relative;
 }
-.o-logo-swiper-items .o-logo-swiper-track[data-v-744f8385] {
+.o-logo-swiper-items .o-logo-swiper-track[data-v-6a616946] {
   display: flex;
   flex-shrink: 0;
-  animation: logo-swiper-marquee-744f8385 var(--logo-swiper-duration) linear infinite;
+  animation: logo-swiper-marquee-6a616946 var(--logo-swiper-duration) linear infinite;
   animation-play-state: paused;
 }
-.o-logo-swiper-items.is-reverse .o-logo-swiper-track[data-v-744f8385] {
-  animation-name: logo-swiper-marquee-reverse-744f8385;
+.o-logo-swiper-items.is-reverse .o-logo-swiper-track[data-v-6a616946] {
+  animation-name: logo-swiper-marquee-reverse-6a616946;
 }
-.o-logo-swiper-items.is-paused .o-logo-swiper-track[data-v-744f8385] {
+.o-logo-swiper-items.is-paused .o-logo-swiper-track[data-v-6a616946] {
   animation-play-state: paused;
 }
-.o-logo-swiper-items.is-visible:not(.is-paused) .o-logo-swiper-track[data-v-744f8385] {
+.o-logo-swiper-items.is-visible:not(.is-paused) .o-logo-swiper-track[data-v-6a616946] {
   animation-play-state: running;
 }
 @media (min-width: 601px) and (hover: hover) {
-.o-logo-swiper-items.pause-on-hover:hover .o-logo-swiper-track[data-v-744f8385] {
+.o-logo-swiper-items.pause-on-hover:hover .o-logo-swiper-track[data-v-6a616946] {
     animation-play-state: paused;
 }
 }
-.o-logo-swiper-item[data-v-744f8385] {
-  --o-logo-swiper-item-gap: 24px;
-  --o-logo-swiper-item-width: 269px;
-  --o-logo-swiper-item-height: 91px;
+.o-logo-swiper-item[data-v-6a616946] {
+  --o-logo-swiper-item-gap: 32px;
+  --o-logo-swiper-item-width: 268px;
+  --o-logo-swiper-item-height: 96px;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -47,30 +47,30 @@
   border-radius: var(--o-logo-swiper-item-radius, var(--o-radius-xs));
 }
 @media (max-width: 1680px) {
-.o-logo-swiper-item[data-v-744f8385] {
-    --o-logo-swiper-item-gap: 20px;
+.o-logo-swiper-item[data-v-6a616946] {
+    --o-logo-swiper-item-width: 201px;
+    --o-logo-swiper-item-height: 72px;
+    --o-logo-swiper-item-gap: 24px;
 }
 }
 @media (max-width: 1200px) {
-.o-logo-swiper-item[data-v-744f8385] {
+.o-logo-swiper-item[data-v-6a616946] {
+    --o-logo-swiper-item-width: 150px;
+    --o-logo-swiper-item-height: 54px;
     --o-logo-swiper-item-gap: 16px;
 }
 }
 @media (max-width: 840px) {
-.o-logo-swiper-item[data-v-744f8385] {
+.o-logo-swiper-item[data-v-6a616946] {
+    --o-logo-swiper-item-width: 103px;
+    --o-logo-swiper-item-height: 37px;
     --o-logo-swiper-item-gap: 12px;
 }
 }
-@media (max-width: 600px) {
-.o-logo-swiper-item[data-v-744f8385] {
-    --o-logo-swiper-item-width: 160px;
-    --o-logo-swiper-item-height: 54px;
-}
-}
-.o-logo-swiper-item .o-logo-swiper-img[data-v-744f8385] {
+.o-logo-swiper-item .o-logo-swiper-img[data-v-6a616946] {
   --figure-radius: var(--o-logo-swiper-item-radius, var(--o-radius-xs));
 }
-@keyframes logo-swiper-marquee-744f8385 {
+@keyframes logo-swiper-marquee-6a616946 {
 0% {
     transform: translateX(0);
 }
@@ -78,7 +78,7 @@
     transform: translateX(-50%);
 }
 }
-@keyframes logo-swiper-marquee-reverse-744f8385 {
+@keyframes logo-swiper-marquee-reverse-6a616946 {
 0% {
     transform: translateX(-50%);
 }

package/dist/treeshaking/components/logo-swiper/OLogoSwiperItems.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./OLogoSwiperItems.vue2.mjs";
 import './OLogoSwiperItems.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OLogoSwiperItems = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-744f8385"]]);
+const _OLogoSwiperItems = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6a616946"]]);
 export {
   _OLogoSwiperItems as default
 };

package/dist/treeshaking/components/logo-swiper/index.d.ts

@@ -14,6 +14,7 @@ declare const OLogoSwiper: {
 } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
+        tip?(_: {}): any;
     };
 }) & {
     install(app: App): void;

package/dist/treeshaking/components/meeting/OMeetingSigCalendar.css

@@ -43,6 +43,12 @@
   padding-bottom: var(--o-gap-2);
   max-width: 240px;
 }
+@media (min-width: 601px) and (max-width: 840px) {
+.o-sig-meeting-calendar .phone-filter-wrapper .date-select {
+    min-width: 160px;
+    flex-shrink: 0;
+}
+}
 @media (max-width: 600px) {
 .o-sig-meeting-calendar .phone-filter-wrapper .date-select {
     max-width: 100%;
@@ -53,10 +59,25 @@
 .o-sig-meeting-calendar .phone-filter-wrapper .date-select .o-select {
   width: 100%;
 }
+@media (max-width: 840px) {
+.o-sig-meeting-calendar .phone-filter-wrapper .phone-filter-tab-wrapper {
+    flex: 1;
+}
+}
+@media (max-width: 600px) {
+.o-sig-meeting-calendar .phone-filter-wrapper .phone-filter-tab-wrapper {
+    width: 100%;
+}
+}
 .o-sig-meeting-calendar .phone-filter-wrapper .o-tab {
   flex-shrink: 0;
   --tab-text-height: calc(var(--tab-nav-text-height) + var(--o-gap-2) + 2px);
 }
+@media (min-width: 601px) and (max-width: 840px) {
+.o-sig-meeting-calendar .phone-filter-wrapper .o-tab {
+    --tab-nav-justify: flex-end;
+}
+}
 @media (max-width: 600px) {
 .o-sig-meeting-calendar .phone-filter-wrapper .o-tab {
     --tab-text-height: var(--tab-nav-text-height);
@@ -65,6 +86,9 @@
 .o-sig-meeting-calendar .phone-filter-wrapper .o-tab .o-tab-head {
   line-height: var(--tab-text-height);
 }
+.o-sig-meeting-calendar .phone-filter-wrapper .o-tab .o-tab-nav-list {
+  width: fit-content !important;
+}
 .o-sig-meeting-calendar .meeting-card-header {
   font-weight: 500;
   display: flex;
@@ -155,6 +179,9 @@
 .o-sig-meeting-calendar .meeting-card-header .o-tab .o-tab-nav .o-icon svg path {
   fill: currentColor;
 }
+.o-sig-meeting-calendar .meeting-card-header .o-tab .o-tab-nav-list {
+  width: fit-content !important;
+}
 .o-sig-meeting-calendar .meeting-card-header .o-tab.hide-icons .o-tab-nav-list .o-icon {
   display: none;
 }
@@ -172,8 +199,9 @@
   position: relative;
   top: 2px;
 }
-.o-sig-meeting-calendar .tips path {
+.o-sig-meeting-calendar .tips svg path {
   opacity: 1;
+  fill: currentColor;
 }
 .o-sig-meeting-calendar .meeting-divider {
   width: 100%;

package/dist/treeshaking/components/meeting/OMeetingSigCalendar.vue.d.ts

@@ -1,7 +1,8 @@
 type __VLS_Props = {
     sigName: String;
     getMeetingListRequest: any;
-    getDateListRequest: any;
+    isStreamDateList?: boolean;
+    getDateListRequest: () => AsyncIterable<string[] | string> | Promise<string[]>;
     getEventsListRequest: any;
     emptyImg?: any;
     emptyText?: string;

package/dist/treeshaking/components/meeting/OMeetingSigCalendar.vue.mjs

@@ -26,12 +26,14 @@ const _hoisted_3 = {
   class: "phone-filter-wrapper"
 };
 const _hoisted_4 = { class: "date-select" };
-const _hoisted_5 = { class: "meeting-card-content" };
+const _hoisted_5 = { class: "phone-filter-tab-wrapper" };
+const _hoisted_6 = { class: "meeting-card-content" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OMeetingSigCalendar",
   props: {
     sigName: {},
     getMeetingListRequest: {},
+    isStreamDateList: { type: Boolean },
     getDateListRequest: {},
     getEventsListRequest: {},
     emptyImg: {},
@@ -83,7 +85,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const getDates = async () => {
       if (props.getDateListRequest) {
-        meetingDates.value = await props.getDateListRequest();
+        if (props.isStreamDateList) {
+          meetingDates.value = [];
+          for await (const dates of props.getDateListRequest()) {
+            if (Array.isArray(dates)) {
+              meetingDates.value.push(...dates);
+            } else if (typeof dates === "string") {
+              meetingDates.value.push(dates);
+            }
+          }
+        } else {
+          meetingDates.value = await props.getDateListRequest();
+        }
       }
       if (props.getEventsListRequest) {
         eventsData.value = (await props.getEventsListRequest(selectDate.value, props.sigName)).map((v) => {
@@ -288,7 +301,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(unref(OSelect), {
               modelValue: selectDate.value,
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectDate.value = $event),
-              onChange: changeSelect
+              onChange: changeSelect,
+              placeholder: unref(t)("meeting.selectDate")
             }, {
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(dateList.value, (date) => {
@@ -300,9 +314,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }), 128))
               ]),
               _: 1
-            }, 8, ["modelValue"])
+            }, 8, ["modelValue", "placeholder"])
           ]),
-          createElementVNode("div", null, [
+          createElementVNode("div", _hoisted_5, [
             createVNode(unref(OTab), {
               modelValue: tabType.value,
               "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => tabType.value = $event),
@@ -328,7 +342,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])
         ])) : createCommentVNode("", true),
         createVNode(unref(ODivider), { class: "meeting-divider" }),
-        createElementVNode("div", _hoisted_5, [
+        createElementVNode("div", _hoisted_6, [
           !unref(lePadV) && monthIdx.value !== -1 ? (openBlock(), createBlock(_sfc_main$1, {
             key: 0,
             data: dateMapList.value.slice(monthIdx.value, monthIdx.value + 1),

package/dist/treeshaking/components/meeting/components/OMeetingCalendarList.vue.mjs

@@ -4,7 +4,7 @@ import _sfc_main$1 from "./OMeetingDetail.vue.mjs";
 import './OMeetingDetail.css';
 import IconCopy from "../../../_virtual/icon-copy.mjs";
 import { MeetingGroupType, CalendarDataType } from "../types.mjs";
-import IconChevronRight from "../../../_virtual/icon-chevron-right.mjs";
+import IconRight from "../../../_virtual/icon-chevron-right.mjs";
 import { INTERVAL_DAY, INTERVAL_WEEK, INTERVAL_MONTH } from "../config.mjs";
 import { formatDate } from "../utils.mjs";
 import { useMeetingConfig } from "../composables/useMeetingConfig.mjs";
@@ -307,7 +307,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         suffix: withCtx(() => [
                           createVNode(unref(OIcon), null, {
                             default: withCtx(() => [
-                              createVNode(unref(IconChevronRight))
+                              createVNode(unref(IconRight))
                             ]),
                             _: 1
                           })
@@ -327,7 +327,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         suffix: withCtx(() => [
                           createVNode(unref(OIcon), null, {
                             default: withCtx(() => [
-                              createVNode(unref(IconChevronRight))
+                              createVNode(unref(IconRight))
                             ]),
                             _: 1
                           })
@@ -347,7 +347,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         suffix: withCtx(() => [
                           createVNode(unref(OIcon), null, {
                             default: withCtx(() => [
-                              createVNode(unref(IconChevronRight))
+                              createVNode(unref(IconRight))
                             ]),
                             _: 1
                           })
@@ -367,7 +367,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         suffix: withCtx(() => [
                           createVNode(unref(OIcon), null, {
                             default: withCtx(() => [
-                              createVNode(unref(IconChevronRight))
+                              createVNode(unref(IconRight))
                             ]),
                             _: 1
                           })

package/dist/treeshaking/components/meeting/index.d.ts

@@ -454,7 +454,8 @@ declare const OMeetingSigCalendar: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         sigName: String;
         getMeetingListRequest: any;
-        getDateListRequest: any;
+        isStreamDateList?: boolean;
+        getDateListRequest: () => AsyncIterable<string[] | string> | Promise<string[]>;
         getEventsListRequest: any;
         emptyImg?: any;
         emptyText?: string;
@@ -477,7 +478,8 @@ declare const OMeetingSigCalendar: {
     }, Readonly<{
         sigName: String;
         getMeetingListRequest: any;
-        getDateListRequest: any;
+        isStreamDateList?: boolean;
+        getDateListRequest: () => AsyncIterable<string[] | string> | Promise<string[]>;
         getEventsListRequest: any;
         emptyImg?: any;
         emptyText?: string;
@@ -493,7 +495,8 @@ declare const OMeetingSigCalendar: {
 } & import('vue').ComponentOptionsBase<Readonly<{
     sigName: String;
     getMeetingListRequest: any;
-    getDateListRequest: any;
+    isStreamDateList?: boolean;
+    getDateListRequest: () => AsyncIterable<string[] | string> | Promise<string[]>;
     getEventsListRequest: any;
     emptyImg?: any;
     emptyText?: string;

package/dist/treeshaking/components/section/OSection.vue2.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, unref, Fragment, renderList, toDisplayString, createTextVNode, createCommentVNode, createVNode, withCtx } from "vue";
 import { isArray, OLink, OIcon } from "@opensig/opendesign";
-import IconChevronRight from "../../_virtual/icon-chevron-right.mjs";
+import IconRight from "../../_virtual/icon-chevron-right.mjs";
 const _hoisted_1 = { class: "section-wrapper" };
 const _hoisted_2 = {
   key: 1,
@@ -70,7 +70,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   suffix: withCtx(() => [
                     createVNode(unref(OIcon), { class: "footer-icon" }, {
                       default: withCtx(() => [
-                        createVNode(unref(IconChevronRight))
+                        createVNode(unref(IconRight))
                       ]),
                       _: 1
                     })

package/dist/treeshaking/components/sig/OSigDetail.css

@@ -23,16 +23,32 @@
 }
 @media (max-width: 1200px) {
 .o-sig-detail .o-sig-detail-content {
-    --sig-floor-gap: var(--o-gap-3);
+    --sig-floor-gap: var(--o-gap-4);
     display: block;
 }
 }
 .o-sig-detail .o-sig-detail-content .o-sig-detail-floor {
   width: 100%;
 }
+.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-detail .o-icon {
+  font-size: 24px;
+}
+@media (max-width: 1680px) {
+.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-detail .o-icon {
+    font-size: 20px;
+}
+}
 .o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-detail .o-icon path {
   fill: currentColor;
 }
+.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-detail .o-btn .o-icon {
+  font-size: 20px;
+}
+@media (max-width: 1680px) {
+.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-detail .o-btn .o-icon {
+    font-size: 16px;
+}
+}
 .o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-detail .o-sig-detail-title-top {
   margin-bottom: var(--o-gap-2);
 }
@@ -44,19 +60,15 @@
 .o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-detail .o-sig-detail-tip {
   margin: 0;
 }
-.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-detail .o-link-suffix .o-icon {
-  font-size: 24px;
-}
-@media (max-width: 1680px) {
-.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-detail .o-link-suffix .o-icon {
-    font-size: 20px;
-}
-}
 .o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-detail .o-sig-detail-email-link {
   margin-top: var(--o-gap-3);
 }
-.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-detail .o-sig-detail-email-link .o-btn {
-  margin-left: var(--o-gap-2);
+.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-detail .o-sig-detail-email-link a {
+  margin-right: var(--o-gap-2);
+}
+.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-detail .o-sig-detail-email-link .o-link {
+  margin-bottom: var(--o-gap-2);
+  display: inline-block;
 }
 .o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-detail .o-sig-detail-discuss-link {
   margin-top: var(--o-gap-3);
@@ -64,18 +76,61 @@
 .o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-card {
   border-radius: var(--o-radius-xs);
   background-color: var(--o-color-fill2);
-  padding: 16px 24px;
+  padding: var(--o-gap-4) var(--o-gap-5);
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-card {
+    padding: var(--o-gap-3) var(--o-gap-4);
+}
+}
+@media (max-width: 1200px) {
+.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-card {
+    padding: var(--o-gap-3);
+}
+}
+.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-card .o-sig-detail-meeting-agenda {
+  margin-top: var(--o-gap-2);
+  color: var(--o-color-info2);
+  background-color: var(--o-color-control2-light);
+  font-weight: 400;
+  padding: var(--o-gap-3);
+  border-radius: var(--o-radius-xs);
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-card .o-sig-detail-meeting-agenda {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-card .o-sig-detail-meeting-agenda {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-card .o-sig-detail-meeting-agenda {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-card .o-sig-detail-meeting-agenda {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 1680px) {
+.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-card .o-sig-detail-meeting-agenda {
+    padding: var(--o-gap-2);
 }
-.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-meeting-card .o-btn {
-  margin-left: 8px;
 }
 .o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-title-top {
   display: flex;
   align-items: center;
-  margin-bottom: 8px;
-}
-.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-title-top .o-icon {
-  --icon-size: 24px;
+  margin-bottom: var(--o-gap-2);
 }
 .o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-title-top .o-sig-detail-text {
   font-weight: 500;
@@ -110,10 +165,12 @@
 }
 .o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-title-top .o-link {
   margin-left: auto;
+  display: flex;
+  flex-wrap: nowrap;
 }
 .o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-tip {
   color: var(--o-color-info2);
-  margin-top: 8px;
+  margin-top: var(--o-gap-2);
   font-size: 16px;
   line-height: 24px;
 }
@@ -141,11 +198,8 @@
     line-height: 18px;
 }
 }
-.o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-email-link {
-  margin-top: 16px;
-}
 .o-sig-detail .o-sig-detail-content .o-sig-detail-floor .o-sig-detail-floor-item + .o-sig-detail-floor-item {
-  margin-top: 32px;
+  margin-top: var(--grid-column-gutter);
 }
 .o-sig-detail .o-sig-detail-content .o-sig-floor-title {
   font-weight: 600;
@@ -176,4 +230,9 @@
     font-size: 14px;
     line-height: 22px;
 }
+}
+@media (min-width: ) {
+.o-sig-detail .o-sig-detail-content .o-sig-floor-title {
+    font-size: 16px;
+}
 }