[fix] boostcampwm-2022#179 키보드 설명 불필요한 태그 및 스타일 삭제

JJongBin · Dec 10, 2022 · 629609a · 629609a
1 parent 4441e6a
commit 629609a
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 33 deletions.
diff --git a/frontend/src/component/Info/HelpDescription/KeyBoardInfo.tsx b/frontend/src/component/Info/HelpDescription/KeyBoardInfo.tsx
@@ -11,32 +11,30 @@ const keyBoardInfo = () => {
     <div css={commonStyle.infoContainer}>
       <h4 css={commonStyle.header}>- 기본키 조작법</h4>
       <div css={style.description}>
-        <div css={style.keyboard}>
-          <ul>
-            <li>
-              <img src={keyboardArrow} alt="" height={'80px'} />
-              <p>화살표 방향키로 이동할 수 있습니다.</p>
-            </li>
-            <li>
-              <img src={keyboardSpace} alt="" height={'40px'} />
-              <p>space키로 점프할 수 있습니다.</p>
-            </li>
-          </ul>
-          <ul>
-            <li>
-              <img src={keyboardA} alt="" height={'40px'} />
-              <p>A키로 공격 모션을 취할 수 있습니다.</p>
-            </li>
-            <li>
-              <img src={keyboardR} alt="" height={'40px'} />
-              <p>R키로 구르기를 할 수 있습니다.</p>
-            </li>
-            <li>
-              <img src={keyboardShift} alt="" height={'40px'} />
-              <p>shift키로 달리기를 할 수 있습니다.</p>
-            </li>
-          </ul>
-        </div>
+        <ul>
+          <li>
+            <img src={keyboardArrow} alt="" height={'80px'} />
+            <p>화살표 방향키로 이동할 수 있습니다.</p>
+          </li>
+          <li>
+            <img src={keyboardSpace} alt="" height={'40px'} />
+            <p>space키로 점프할 수 있습니다.</p>
+          </li>
+        </ul>
+        <ul>
+          <li>
+            <img src={keyboardA} alt="" height={'40px'} />
+            <p>A키로 공격 모션을 취할 수 있습니다.</p>
+          </li>
+          <li>
+            <img src={keyboardR} alt="" height={'40px'} />
+            <p>R키로 구르기를 할 수 있습니다.</p>
+          </li>
+          <li>
+            <img src={keyboardShift} alt="" height={'40px'} />
+            <p>shift키로 달리기를 할 수 있습니다.</p>
+          </li>
+        </ul>
       </div>
     </div>
   );

diff --git a/frontend/src/component/Info/HelpDescription/keyBoardInfo.styled.ts b/frontend/src/component/Info/HelpDescription/keyBoardInfo.styled.ts
@@ -1,13 +1,6 @@
 import { css } from '@emotion/react';
 
 export const description = css`
-  display: flex;
-  flex-grow: 1;
-
-  width: 100%;
-`;
-
-export const keyboard = css`
   display: flex;
   justify-content: space-around;
   width: 100%;