fix: ChannelArticle iframe에서 object로 태그 수정 및CSS 수정 #116

Kernel360 · Jan 23, 2024 · 6c37cbf · 6c37cbf
1 parent 89d889a
commit 6c37cbf
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 24 deletions.
diff --git a/src/components/shared/channel-article/ChannelArticle.module.scss b/src/components/shared/channel-article/ChannelArticle.module.scss
@@ -8,9 +8,10 @@ $img-size: 39px;
 .videoContainer {
     aspect-ratio: 16 / 9;
 
-    iframe {
+    object {
         width: 100%;
         height: 100%;
+        vertical-align: top;
     }
 }
 
@@ -19,7 +20,7 @@ $img-size: 39px;
     box-sizing: border-box;
     align-items: flex-start;
     width: 100%;
-    padding: 16px 19.5px;
+    padding: 16px 20px;
     gap: 12px;
 
     .imgBox {

diff --git a/src/components/shared/channel-article/ChannelList.tsx b/src/components/shared/channel-article/ChannelList.tsx
diff --git a/src/components/shared/channel-article/ChannelMoreBtn.tsx b/src/components/shared/channel-article/ChannelMoreBtn.tsx
@@ -16,9 +16,9 @@ function ChannelMoreBtn() {
       <button aria-label="더보기 버튼" onClick={handleClick}>
         <More />
       </button>
-
+      {/* TODO: 더보기 버튼 클릭시 보여질 내용 */}
       {isClicked && (
-      <div>더보기 클릭</div>
+      <div style={{ fontSize: '10px' }}>더보기 클릭</div>
       )}
     </div>
   );