Merge pull request #83 from LikeLionHGU/grid

Grid
LikeLionHGU · Jan 14, 2025 · ec41063 · ec41063
2 parents cedccb1 + 46296dd
commit ec41063
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/js/grid.js b/js/grid.js
@@ -378,7 +378,7 @@ const htmlString1 = grid_info_members
   .map(
     (member) => `
       <div class="grid-member" onclick="saveMemberNum('${member.num}')">
-        <div class="grid-info-memoji-box">
+        <div class="grid-memoji-box">
             <img
                 class="grid-info-memoji"
                 src="./assets/img/grid/memoji/memoji${member.num}.png"
@@ -409,8 +409,8 @@ const htmlString2 = grid_info_members_mobile
   .map(
     (
       member
-    ) => `<div class="grid-mobile-member" onclick="saveMemberNum('${member.num}', '${member}')">
-        <div class="grid-mobile-pic-box">
+    ) => `<div class="grid-member" onclick="saveMemberNum('${member.num}', '${member}')">
+        <div class="grid-memoji-box">
           <img
             class="grid-mobile-pic"
             src="./assets/img/grid/memoji/memoji${member.num}.png"

diff --git a/styles/grid.css b/styles/grid.css
@@ -65,6 +65,7 @@
   .grid-music {
     font-family: "GmarketSansMedium", sans-serif;
     font-size: 12px;
+    color: #0d1c3c;
   }
 
   /* 뮤직 아이콘 */
@@ -194,13 +195,14 @@
     .grid-keyword-box {
       display: flex;
       flex-direction: row;
+      height: auto;
     }
 
     .grid-keyword {
       width: 60px;
       height: 15px;
       margin-left: 2px;
-      padding: 5px 0px 5px 0px;
+      padding: 1px 0px 1px 0px;
       background: #0d1c3c;
       border-radius: 100px;
       font-family: "GmarketSansMedium";
@@ -225,7 +227,6 @@
     .grid-music {
       margin: 0px 10px 0px 10px;
       font-size: 10px;
-      color: #0d1c3c;
     }
 
     .grid-music-icon {