@opendesign-plus-test/components 0.0.1-rc.112 → 0.0.1-rc.114

package/dist/treeshaking/components/header/components/HeaderNavMobile.css

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-04d53703] {
+.hover-icon-rotate .o-icon[data-v-69771293] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-04d53703] {
+.hover-icon-rotate:hover .o-icon[data-v-69771293] {
     transform: rotate(-180deg);
 }
 }
-.header-nav[data-v-04d53703] {
+.header-nav[data-v-69771293] {
   flex: 1;
   justify-content: space-between;
   width: 100%;
@@ -19,13 +19,13 @@
   opacity: 0;
   display: flex;
 }
-.header-nav.active[data-v-04d53703] {
+.header-nav.active[data-v-69771293] {
   opacity: 1;
   visibility: visible;
   transform: translateX(0);
   background-color: var(--o-color-mask1);
 }
-.o-nav[data-v-04d53703] {
+.o-nav[data-v-69771293] {
   height: 100%;
   min-width: 99px;
   max-width: 40%;
@@ -35,35 +35,35 @@
   flex-direction: column;
   justify-content: space-between;
 }
-.o-nav .o-nav-list > li[data-v-04d53703] {
+.o-nav .o-nav-list > li[data-v-69771293] {
   font-size: 18px;
   line-height: 26px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-nav .o-nav-list > li[data-v-04d53703] {
+.o-nav .o-nav-list > li[data-v-69771293] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-nav .o-nav-list > li[data-v-04d53703] {
+.o-nav .o-nav-list > li[data-v-69771293] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-nav .o-nav-list > li[data-v-04d53703] {
+.o-nav .o-nav-list > li[data-v-69771293] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-nav .o-nav-list > li[data-v-04d53703] {
+.o-nav .o-nav-list > li[data-v-69771293] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.o-nav .o-nav-list > li[data-v-04d53703] {
+.o-nav .o-nav-list > li[data-v-69771293] {
   display: flex;
   align-items: center;
   min-height: 48px;
@@ -71,40 +71,40 @@
   padding-right: var(--o-gap-2);
   color: var(--o-color-info1);
 }
-.o-nav .o-nav-list > li.active[data-v-04d53703] {
+.o-nav .o-nav-list > li.active[data-v-69771293] {
   color: var(--o-color-primary1);
   background: var(--o-color-fill2);
   font-weight: 500;
 }
-.o-nav .o-nav-list > li.is-disabled[data-v-04d53703] {
+.o-nav .o-nav-list > li.is-disabled[data-v-69771293] {
   color: var(--o-color-info4);
   pointer-events: none;
 }
-.o-nav .o-nav-list > li .text-label[data-v-04d53703] {
+.o-nav .o-nav-list > li .text-label[data-v-69771293] {
   display: block;
   white-space: pre-wrap;
   word-wrap: break-word;
   width: 100%;
 }
-.nav-aside[data-v-04d53703] {
+.nav-aside[data-v-69771293] {
   background-color: var(--o-color-fill2);
   flex: 1;
   height: 100%;
 }
-.nav-aside .nav-aside-wrapper[data-v-04d53703] {
+.nav-aside .nav-aside-wrapper[data-v-69771293] {
   overflow-y: auto;
   padding: 16px 12px 32px;
   height: 100%;
 }
-.nav-aside .nav-aside-wrapper .nav-aside-content[data-v-04d53703] {
+.nav-aside .nav-aside-wrapper .nav-aside-content[data-v-69771293] {
   display: block;
   flex: 0 1 auto;
 }
-.nav-aside .nav-aside-wrapper .nav-aside-content + .nav-aside-content[data-v-04d53703] {
+.nav-aside .nav-aside-wrapper .nav-aside-content + .nav-aside-content[data-v-69771293] {
   position: relative;
   padding-top: var(--o-gap-3);
 }
-.nav-aside .nav-aside-wrapper .nav-aside-content + .nav-aside-content[data-v-04d53703]::before {
+.nav-aside .nav-aside-wrapper .nav-aside-content + .nav-aside-content[data-v-69771293]::before {
   content: "";
   position: absolute;
   top: 0;
@@ -112,49 +112,49 @@
   height: 1px;
   background-color: rgba(var(--o-grey-14), 0.1);
 }
-.nav-aside .nav-aside-wrapper .nav-aside-content .content-label[data-v-04d53703] {
+.nav-aside .nav-aside-wrapper .nav-aside-content .content-label[data-v-69771293] {
   color: var(--o-color-info3);
   margin-bottom: 8px;
   font-size: 18px;
   line-height: 26px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.nav-aside .nav-aside-wrapper .nav-aside-content .content-label[data-v-04d53703] {
+.nav-aside .nav-aside-wrapper .nav-aside-content .content-label[data-v-69771293] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.nav-aside .nav-aside-wrapper .nav-aside-content .content-label[data-v-04d53703] {
+.nav-aside .nav-aside-wrapper .nav-aside-content .content-label[data-v-69771293] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.nav-aside .nav-aside-wrapper .nav-aside-content .content-label[data-v-04d53703] {
+.nav-aside .nav-aside-wrapper .nav-aside-content .content-label[data-v-69771293] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.nav-aside .nav-aside-wrapper .nav-aside-content .content-label[data-v-04d53703] {
+.nav-aside .nav-aside-wrapper .nav-aside-content .content-label[data-v-69771293] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.nav-aside .nav-aside-wrapper .nav-aside-content .item-not-children[data-v-04d53703] {
+.nav-aside .nav-aside-wrapper .nav-aside-content .item-not-children[data-v-69771293] {
   margin-bottom: 12px;
   display: flex;
   align-items: center;
 }
-.nav-aside .nav-aside-wrapper .nav-aside-content .item-not-children .o-tag[data-v-04d53703] {
+.nav-aside .nav-aside-wrapper .nav-aside-content .item-not-children .o-tag[data-v-69771293] {
   margin-left: var(--o-gap-2);
   --layout-pkg-radius: 100vh;
 }
-.nav-aside .nav-aside-wrapper .nav-aside-content .item-not-children .o-icon[data-v-04d53703] {
+.nav-aside .nav-aside-wrapper .nav-aside-content .item-not-children .o-icon[data-v-69771293] {
   margin-left: var(--o-gap-2);
 }
-.nav-aside .nav-aside-wrapper .source-code-item[data-v-04d53703] {
+.nav-aside .nav-aside-wrapper .source-code-item[data-v-69771293] {
   height: 40px;
   display: flex;
   align-items: center;
@@ -164,91 +164,91 @@
   line-height: 26px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.nav-aside .nav-aside-wrapper .source-code-item[data-v-04d53703] {
+.nav-aside .nav-aside-wrapper .source-code-item[data-v-69771293] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.nav-aside .nav-aside-wrapper .source-code-item[data-v-04d53703] {
+.nav-aside .nav-aside-wrapper .source-code-item[data-v-69771293] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.nav-aside .nav-aside-wrapper .source-code-item[data-v-04d53703] {
+.nav-aside .nav-aside-wrapper .source-code-item[data-v-69771293] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.nav-aside .nav-aside-wrapper .source-code-item[data-v-04d53703] {
+.nav-aside .nav-aside-wrapper .source-code-item[data-v-69771293] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.nav-aside .nav-aside-wrapper .source-code-item.active[data-v-04d53703] {
+.nav-aside .nav-aside-wrapper .source-code-item.active[data-v-69771293] {
   color: var(--o-color-primary1);
 }
-.nav-aside .nav-aside-wrapper .source-code-item + .source-code-item[data-v-04d53703] {
+.nav-aside .nav-aside-wrapper .source-code-item + .source-code-item[data-v-69771293] {
   border-top: 1px solid var(--o-color-control4);
 }
-.nav-aside .nav-aside-wrapper .source-code-item .icon[data-v-04d53703] {
+.nav-aside .nav-aside-wrapper .source-code-item .icon[data-v-69771293] {
   margin-left: var(--o-gap-2);
 }
-.nav-aside .nav-aside-wrapper[data-v-04d53703]::-webkit-scrollbar-track {
+.nav-aside .nav-aside-wrapper[data-v-69771293]::-webkit-scrollbar-track {
   border-radius: 3px;
 }
-.nav-aside .nav-aside-wrapper[data-v-04d53703]::-webkit-scrollbar {
+.nav-aside .nav-aside-wrapper[data-v-69771293]::-webkit-scrollbar {
   width: 6px;
   background-color: transparent;
 }
-.nav-aside .nav-aside-wrapper[data-v-04d53703]::-webkit-scrollbar-thumb {
+.nav-aside .nav-aside-wrapper[data-v-69771293]::-webkit-scrollbar-thumb {
   border-radius: 3px;
   background: var(--o-color-control1);
 }
-.nav-aside .container-mobile[data-v-04d53703] {
+.nav-aside .container-mobile[data-v-69771293] {
   font-size: 18px;
   line-height: 26px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.nav-aside .container-mobile[data-v-04d53703] {
+.nav-aside .container-mobile[data-v-69771293] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.nav-aside .container-mobile[data-v-04d53703] {
+.nav-aside .container-mobile[data-v-69771293] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.nav-aside .container-mobile[data-v-04d53703] {
+.nav-aside .container-mobile[data-v-69771293] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.nav-aside .container-mobile[data-v-04d53703] {
+.nav-aside .container-mobile[data-v-69771293] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.nav-aside .container-mobile .o-icon[data-v-04d53703] {
+.nav-aside .container-mobile .o-icon[data-v-69771293] {
   --icon-size: 16px;
   margin-left: var(--o-gap-2);
 }
-.nav-aside .content-container-mobile[data-v-04d53703] {
+.nav-aside .content-container-mobile[data-v-69771293] {
   margin-top: var(--o-gap-3);
 }
-.nav-aside .content-container-mobile[data-v-04d53703]:first-child {
+.nav-aside .content-container-mobile[data-v-69771293]:first-child {
   margin-top: 8px;
 }
-.nav-aside .content-container-mobile[data-v-04d53703]:last-child {
+.nav-aside .content-container-mobile[data-v-69771293]:last-child {
   margin-bottom: 12px;
 }
-.nav-aside .content-container-mobile .content-subtitle[data-v-04d53703] {
+.nav-aside .content-container-mobile .content-subtitle[data-v-69771293] {
   color: var(--o-color-info1);
   display: flex;
   align-items: center;
@@ -256,41 +256,41 @@
   line-height: 26px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.nav-aside .content-container-mobile .content-subtitle[data-v-04d53703] {
+.nav-aside .content-container-mobile .content-subtitle[data-v-69771293] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.nav-aside .content-container-mobile .content-subtitle[data-v-04d53703] {
+.nav-aside .content-container-mobile .content-subtitle[data-v-69771293] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.nav-aside .content-container-mobile .content-subtitle[data-v-04d53703] {
+.nav-aside .content-container-mobile .content-subtitle[data-v-69771293] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.nav-aside .content-container-mobile .content-subtitle[data-v-04d53703] {
+.nav-aside .content-container-mobile .content-subtitle[data-v-69771293] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.nav-aside .content-container-mobile .content-subtitle .item-label[data-v-04d53703] {
+.nav-aside .content-container-mobile .content-subtitle .item-label[data-v-69771293] {
   font-weight: 600;
 }
-.nav-aside .content-container-mobile .content-tag[data-v-04d53703] {
+.nav-aside .content-container-mobile .content-tag[data-v-69771293] {
   margin-left: var(--o-gap-2);
   --layout-pkg-radius: var(--o-radius-xs);
 }
-.nav-aside .content-container-mobile .desc-container[data-v-04d53703] {
+.nav-aside .content-container-mobile .desc-container[data-v-69771293] {
   overflow: hidden;
   position: relative;
 }
-.nav-aside .content-container-mobile .desc-container .item-desc[data-v-04d53703] {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-69771293] {
   color: var(--o-color-info2);
   margin-top: var(--o-gap-1);
   text-align: justify;
@@ -299,30 +299,30 @@
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.nav-aside .content-container-mobile .desc-container .item-desc[data-v-04d53703] {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-69771293] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.nav-aside .content-container-mobile .desc-container .item-desc[data-v-04d53703] {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-69771293] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.nav-aside .content-container-mobile .desc-container .item-desc[data-v-04d53703] {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-69771293] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.nav-aside .content-container-mobile .desc-container .item-desc[data-v-04d53703] {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-69771293] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.nav-aside .content-container-mobile .desc-container .item-desc[data-v-04d53703] {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-69771293] {
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-all;
@@ -331,47 +331,47 @@
   -webkit-line-clamp: 2;
 }
 @media (max-width: 600px) {
-.nav-aside .content-container-mobile .desc-container .item-desc[data-v-04d53703] {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-69771293] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
-.nav-aside .content-container-mobile .desc-container .item-desc[data-v-04d53703] {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-69771293] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
-.nav-aside .content-container-mobile .desc-container .item-desc[data-v-04d53703] {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-69771293] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
-.nav-aside .content-container-mobile .desc-container .item-desc[data-v-04d53703] {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-69771293] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) and (max-width: 600px) {
-.nav-aside .content-container-mobile .desc-container .item-desc[data-v-04d53703] {
+.nav-aside .content-container-mobile .desc-container .item-desc[data-v-69771293] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.nav-aside .content-item-disabled[data-v-04d53703] {
+.nav-aside .content-item-disabled[data-v-69771293] {
   cursor: no-drop;
 }
-.nav-aside .content-item-disabled .content-subtitle[data-v-04d53703] {
+.nav-aside .content-item-disabled .content-subtitle[data-v-69771293] {
   color: var(--o-color-info4);
   cursor: no-drop;
   pointer-events: none;
 }
-.nav-aside .content-item-disabled .desc-container .item-desc[data-v-04d53703] {
+.nav-aside .content-item-disabled .desc-container .item-desc[data-v-69771293] {
   color: var(--o-color-info4);
 }
-.header-tool[data-v-04d53703] {
+.header-tool[data-v-69771293] {
   margin-bottom: 36px;
   width: 100%;
   display: flex;
@@ -379,7 +379,7 @@
   align-items: center;
   flex-direction: column;
 }
-.header-tool-item[data-v-04d53703] {
+.header-tool-item[data-v-69771293] {
   width: 100%;
   display: flex;
   align-items: center;
@@ -388,47 +388,47 @@
   padding-right: var(--o-gap-2);
   color: var(--o-color-info1);
 }
-.header-tool-item.active[data-v-04d53703] {
+.header-tool-item.active[data-v-69771293] {
   color: var(--o-color-primary1);
   background: var(--o-color-fill2);
   font-weight: 500;
 }
-.header-tool-item.is-disabled[data-v-04d53703] {
+.header-tool-item.is-disabled[data-v-69771293] {
   color: var(--o-color-info4);
   pointer-events: none;
 }
-.header-tool-item[data-v-04d53703] {
+.header-tool-item[data-v-69771293] {
   font-size: 18px;
   line-height: 26px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.header-tool-item[data-v-04d53703] {
+.header-tool-item[data-v-69771293] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.header-tool-item[data-v-04d53703] {
+.header-tool-item[data-v-69771293] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.header-tool-item[data-v-04d53703] {
+.header-tool-item[data-v-69771293] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.header-tool-item[data-v-04d53703] {
+.header-tool-item[data-v-69771293] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.other-tool[data-v-04d53703] {
+.other-tool[data-v-69771293] {
   width: 100%;
   padding: var(--o-gap-2) var(--o-gap-2) 0 var(--o-gap-5);
 }
-.mindspore .content-container-mobile .content-tag[data-v-04d53703] {
+.mindspore .content-container-mobile .content-tag[data-v-69771293] {
   --layout-pkg-radius: 100vh;
 }

package/dist/treeshaking/components/header/components/HeaderNavMobile.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./HeaderNavMobile.vue2.mjs";
 import './HeaderNavMobile.css';
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const HeaderNavMobile = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-04d53703"]]);
+const HeaderNavMobile = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-69771293"]]);
 export {
   HeaderNavMobile as default
 };

package/dist/treeshaking/components/header/components/HeaderNavMobile.vue2.mjs

@@ -65,9 +65,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("on-click");
     };
     const onClickNav = (val) => {
-      if (navActive.value === NavType.CODE) {
+      if ("href" in val) {
         onClick(val.href, val == null ? void 0 : val.target);
-      } else if (navActive.value === NavType.LANG) {
+      } else {
         emit("lang-click", val);
       }
     };

package/dist/treeshaking/components/header/types.d.ts

@@ -19,6 +19,7 @@ export interface ShortcutItemT {
     label: string;
     description?: string;
     picture?: string;
+    pictureDark?: string;
     href?: string;
     tag?: tagT;
     remark?: string;
@@ -30,6 +31,7 @@ export interface NavItemT {
     label: string;
     id: string;
     href?: string;
+    target?: string;
     withPicture: boolean;
     children: ChildrenItemT[];
     shortcut: ShortcutItemT[];
@@ -40,6 +42,7 @@ export interface CodeItemT {
     label: string;
     href: string;
     icon?: string;
+    target?: string;
 }
 export interface LangItemT {
     id: string;

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

@@ -364,6 +364,7 @@
     flex-direction: column;
     background-color: var(--o-color-fill2);
     border-radius: var(--meeting-card-radius);
+    overflow: hidden;
 }
 }
 .o-meeting-calendar .calendar-body .calender .el-calendar__header {
@@ -574,7 +575,7 @@
     overflow: hidden;
 }
 .o-meeting-calendar .calendar-body .calender .el-calendar__body thead th {
-    padding: 9px 0;
+    padding: 7px 0;
 }
 .o-meeting-calendar .calendar-body .calender .el-calendar__body thead th:first-child {
     border-top-left-radius: var(--meeting-cell-radius);

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

@@ -444,6 +444,7 @@
   flex-shrink: 0;
   width: 334px;
   background-color: color-mix(in srgb, var(--o-color-control2-light) 40%, transparent);
+  border-radius: var(--meeting-card-radius);
 }
 @media (min-width: 841px) and (max-width: 1200px) {
 .o-my-meeting-calendar .meeting-list .list-calendar .el-calendar .el-calendar__body {

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

@@ -19,6 +19,9 @@
     flex-wrap: wrap;
 }
 }
+.o-meeting-playback .o-tab {
+  --tab-nav-divider: 1px solid var(--o-color-control4);
+}
 .o-meeting-playback .card-wrapper {
   border-radius: var(--meeting-card-radius);
   background-color: var(--o-color-fill2);
@@ -44,9 +47,6 @@
     padding: var(--o-gap-3);
 }
 }
-.o-meeting-playback .card-wrapper.left-card {
-  padding-bottom: 0;
-}
 .o-meeting-playback .left-card {
   width: 60%;
 }
@@ -116,8 +116,61 @@
   padding-top: var(--o-gap-4);
   height: 280px;
   padding-bottom: 0;
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
   position: relative;
 }
+@media (max-width: 840px) {
+.o-meeting-playback .left-card .info-wrapper .tab-content {
+    padding-bottom: 22px;
+    max-height: 168px;
+}
+}
+.o-meeting-playback .left-card .info-wrapper .tab-content .more-btn {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  color: var(--o-color-info2);
+  gap: var(--o-gap-2);
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-playback .left-card .info-wrapper .tab-content .more-btn {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-playback .left-card .info-wrapper .tab-content .more-btn {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-playback .left-card .info-wrapper .tab-content .more-btn {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-meeting-playback .left-card .info-wrapper .tab-content .more-btn {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 840px) {
+.o-meeting-playback .left-card .info-wrapper .tab-content .more-btn {
+    display: flex;
+}
+}
+.o-meeting-playback .left-card .info-wrapper .tab-content .more-btn .o-icon {
+  font-size: 16px;
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
 .o-meeting-playback .left-card .info-wrapper .tab-content::after {
   height: 24px;
   content: "";
@@ -127,6 +180,22 @@
   right: 0;
   background: linear-gradient(180deg, rgba(var(--o-grey-1), 0), rgba(var(--o-grey-1), 1) 100%);
 }
+@media (max-width: 840px) {
+.o-meeting-playback .left-card .info-wrapper .tab-content::after {
+    bottom: 22px;
+}
+}
+.o-meeting-playback .left-card .info-wrapper .tab-content.is-expanded {
+  max-height: 2000px;
+  height: fit-content;
+  padding-bottom: 4px;
+}
+.o-meeting-playback .left-card .info-wrapper .tab-content.is-expanded::after {
+  display: none;
+}
+.o-meeting-playback .left-card .info-wrapper .tab-content.is-expanded .more-btn .o-icon {
+  transform: rotate(180deg);
+}
 .o-meeting-playback .left-card .info-wrapper .tab-content .base-info {
   padding-bottom: var(--o-gap-5);
   font-size: 16px;