WooCommerce 商品ページ価格・個数部分のレイアウト崩れを修正

inc2734 · Jan 24, 2025 · 0dfc7f1 · 0dfc7f1
1 parent eb511f9
commit 0dfc7f1
Showing 1 changed file with 6 additions and 9 deletions.
diff --git a/src/css/dependency/woocommerce/app.scss b/src/css/dependency/woocommerce/app.scss
@@ -240,16 +240,8 @@
 .woocommerce .product .cart,
 .woocommerce .woocommerce-variation-add-to-cart {
 	margin-top: var(--_margin1);
-}
-
-.woocommerce .quantity .qty {
-	padding-right: var(--_padding-2);
-	padding-left: var(--_padding-2);
-}
-
-.woocommerce .product .cart,
-.woocommerce .woocommerce-variation-add-to-cart {
 	display: flex;
+	flex-direction: column;
 	gap: var(--_margin-2);
 
 	> .quantity {
@@ -262,6 +254,11 @@
 	}
 }
 
+.woocommerce .quantity .qty {
+	padding-right: var(--_padding-2);
+	padding-left: var(--_padding-2);
+}
+
 // Tab content in single
 .woocommerce .product .woocommerce-tabs {
 	@include core.media-min(lg) {