diff --git a/.env.example b/.env.example new file mode 100644 index 0000000..2ba85d0 --- /dev/null +++ b/.env.example @@ -0,0 +1 @@ +STRIPE_API_KEY= diff --git a/src/lib/components/Input.svelte b/src/lib/components/Input.svelte index 7dbcf88..5013860 100644 --- a/src/lib/components/Input.svelte +++ b/src/lib/components/Input.svelte @@ -47,8 +47,8 @@ input { border: 2px solid grey; border-radius: 0px; - padding: 0.5rem; - font-size: 1rem; + padding: 0.7em; + font-size: 1em; box-sizing: border-box; width: 100%; diff --git a/src/lib/components/StripeCard.svelte b/src/lib/components/StripeCard.svelte index 5edf616..b722f8d 100644 --- a/src/lib/components/StripeCard.svelte +++ b/src/lib/components/StripeCard.svelte @@ -47,7 +47,7 @@ @import '../../styles/media-queries.scss'; .card { - // padding: 1rem; + padding: 0.5rem; border: 2px solid black; @include desktop { diff --git a/src/lib/icons/ApplePay.svelte b/src/lib/icons/ApplePay.svelte new file mode 100644 index 0000000..fa63eee --- /dev/null +++ b/src/lib/icons/ApplePay.svelte @@ -0,0 +1,5 @@ + diff --git a/src/lib/icons/GooglePay.svelte b/src/lib/icons/GooglePay.svelte new file mode 100644 index 0000000..a504ffd --- /dev/null +++ b/src/lib/icons/GooglePay.svelte @@ -0,0 +1,13 @@ + + diff --git a/src/lib/icons/PayPal.svelte b/src/lib/icons/PayPal.svelte new file mode 100644 index 0000000..f27c598 --- /dev/null +++ b/src/lib/icons/PayPal.svelte @@ -0,0 +1,32 @@ + + + + + diff --git a/src/lib/icons/ShopPay.svelte b/src/lib/icons/ShopPay.svelte new file mode 100644 index 0000000..6d6ff37 --- /dev/null +++ b/src/lib/icons/ShopPay.svelte @@ -0,0 +1,25 @@ + + diff --git a/src/lib/icons/Vipps.svelte b/src/lib/icons/Vipps.svelte new file mode 100644 index 0000000..4c68511 --- /dev/null +++ b/src/lib/icons/Vipps.svelte @@ -0,0 +1,44 @@ + + + + + + + + + + + + diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 0d56191..381abd6 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -56,7 +56,7 @@ padding: 1rem; width: 100%; min-height: 95vh; - max-width: 1500px; + max-width: 1800px; margin: 0 auto; box-sizing: border-box; diff --git a/src/routes/checkout/+page.svelte b/src/routes/checkout/+page.svelte index 7ec1a51..d8d4015 100644 --- a/src/routes/checkout/+page.svelte +++ b/src/routes/checkout/+page.svelte @@ -1,6 +1,7 @@ + + + + diff --git a/src/routes/checkout/OrderSection.svelte b/src/routes/checkout/OrderSection.svelte index e61d68c..a80114e 100644 --- a/src/routes/checkout/OrderSection.svelte +++ b/src/routes/checkout/OrderSection.svelte @@ -1,4 +1,5 @@ -
- - +
+
+ + - - - + + + + - - {#if $cart.length} - {#each $cart as cartItem} - - + {#each $cart as cartItem} + + - - - - {/each} - {:else} - - - - + + + + + + - {/if} - - - - - - - - - - - - - - - - - - + + {/each}
VarenavnAntallPris
-
- {cartItem.name} - Størrelse: {cartItem.size} +
+
+
+ Black Googly Eye Puff Print Logo Tee - XS
-
- - Nok {cartItem.quantity * cartItem.price}
(ingen produkter)0Nok 0 + {cartItem.name} + {cartItem.size} + + + +

+ NOK {cartItem.quantity * cartItem.price} +

+
Totalsum:Nok {$subTotal}
Frakt:Nok {shippingPrice}
Pris:Nok {totalPrice}
+ +
- diff --git a/src/routes/styles.css b/src/routes/styles.css index 4e7aa1c..04f47c6 100644 --- a/src/routes/styles.css +++ b/src/routes/styles.css @@ -14,6 +14,10 @@ color: var(--color-text); } +html { + font-size: 100%; +} + body { min-height: 100vh; margin: 0; @@ -98,3 +102,14 @@ button:focus:not(:focus-visible) { font-size: 2.4rem; } } + +@media screen and (min-width: 1500px) { + html { + font-size: 110%; + } +} +@media screen and (min-width: 2000px) { + html { + font-size: 130%; + } +}