Fix layout issue at page 6

Signed-off-by: Eunki Hong <[email protected]>
hinohie · Apr 2, 2024 · 132235e · 132235e
1 parent 6f12822
commit 132235e
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/scripts/account-popup-script.js b/scripts/account-popup-script.js
@@ -51,14 +51,17 @@ function generateAccountInfoBoard() {
       <div class="Account">\
         <div class="Line">' +
           `<div class="Text">${name1[i]}</div>` +
-          `<div class="Text">${name2[i]}</div></div>` +
-          `<div></div>` +
+          `<div class="Text">${name2[i]}</div>` +
+        `</div>` +
+        `<div></div>` +
+        `<div class="ButtonWrapper">` +
           `<button class="Button" onclick="popupAccount('계좌번호', '${name2[i]}', '${bank[i]}', '${account[i]}')">` +
           '  <div class="Text">계좌</div>\
           </button>' +
           `<button class="Button" onclick="window.open('${kakao[i]}');">` +
           '  <div class="Text">카카오페이</div>\
           </button>\
+        </div>\
       </div>';
 
       if(i == 1) {

diff --git a/styles/style_main.css b/styles/style_main.css
@@ -288,6 +288,7 @@ span {
 	gap: 10px;
 	margin: 15px;
 	width:100%;
+  max-width: 340px;
 }
 .Account > .Line {
 	min-width: 120px;
@@ -308,6 +309,14 @@ span {
 	}
 }
 
+.Account > .ButtonWrapper {
+	flex-direction: row;
+	justify-content: flex-start;
+	display: inline-flex;
+  flex-wrap: wrap;
+	gap: 10px;
+}
+
 button.Button {
 	.Text {
 		color: #0F0F02;
@@ -327,7 +336,7 @@ button.Button {
 	background: #ECEEF2;
 	border-radius: 17px;
 	border-width: 0px;
-	overflow: auto;
+	overflow: visible;
 	flex-direction: column;
 	justify-content: center;
 	align-items: center;