Fix width setting in wrong order

didair · Nov 7, 2023 · bb40e21 · bb40e21
1 parent 092c578
commit bb40e21
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/src/containers/App.js b/src/containers/App.js
@@ -20,20 +20,24 @@ function App() {
 
 		if (squares.length > 0) {
 			squares.forEach((square) => {
-				if (square.classList.contains('square-h')) {
-					square.style.width = square.scrollHeight + 'px';
-				}
-
 				if (square.classList.contains('square-h-half')) {
 					square.style.width = (square.scrollHeight / 2) - 10 + 'px';
+					return;
 				}
 
-				if (square.classList.contains('square-w')) {
-					square.style.width = square.scrollWidth + 'px';
+				if (square.classList.contains('square-h')) {
+					square.style.width = square.scrollHeight + 'px';
+					return;
 				}
 
 				if (square.classList.contains('square-w-half')) {
 					square.style.width = (square.scrollWidth / 2) - 10 + 'px';
+					return;
+				}
+
+				if (square.classList.contains('square-w')) {
+					square.style.width = square.scrollWidth + 'px';
+					return;
 				}
 			});
 		}