diff --git a/src/views/Subscription/DiscountCode/index.scss b/src/views/Subscription/DiscountCode/index.scss index 60e6b6d..e16c977 100644 --- a/src/views/Subscription/DiscountCode/index.scss +++ b/src/views/Subscription/DiscountCode/index.scss @@ -22,6 +22,7 @@ border-top-left-radius: 10px; color: white; border-bottom-left-radius: 10px; + border: none; } } @@ -48,14 +49,14 @@ @media screen and (min-width: 1008px) and (max-width: 1440px) { .discount-code{ h3{ - font-size: calc(100vw / 72); + font-size: calc(100vw / 82); } input{ padding: 20px 10px 20px 0px; - width: 200px; + width: 240px; font-size: calc(100vw / 90); &::placeholder{ - font-size: calc(100vw / 110); + font-size: calc(100vw / 130); } } button{ diff --git a/src/views/Subscription/SubscribeRadio/index.scss b/src/views/Subscription/SubscribeRadio/index.scss index b73faad..a96fb69 100644 --- a/src/views/Subscription/SubscribeRadio/index.scss +++ b/src/views/Subscription/SubscribeRadio/index.scss @@ -4,9 +4,11 @@ margin-bottom: 15px; border-radius: 10px; &__name{ - padding: 12px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; + h2{ + margin-bottom: 0px; + } } &__factor{ border-top-left-radius: 10px; @@ -22,6 +24,7 @@ padding: 4px 20px; border-radius: 30px; width: fit-content; + letter-spacing: -1px; } &--finalPrice{ i{ @@ -99,7 +102,7 @@ @media screen and (min-width: 1008px) and (max-width: 1440px) { .subscribe-radio{ - min-height: 100px; + min-height: 70px; &__name{ flex: 7; h2{ @@ -110,7 +113,7 @@ &__factor{ flex: 3; &--tag{ - font-size: calc(100vw / 110); + font-size: calc(100vw / 130); } &--off{ b{ @@ -122,10 +125,10 @@ } &--finalPrice{ i{ - font-size: calc(100vw / 115); + font-size: calc(100vw / 125); } strong{ - font-size: calc(100vw / 64); + font-size: calc(100vw / 74); } } } diff --git a/src/views/Subscription/index.scss b/src/views/Subscription/index.scss index 780444b..ac07666 100644 --- a/src/views/Subscription/index.scss +++ b/src/views/Subscription/index.scss @@ -28,13 +28,14 @@ @media screen and (min-width : 1008px) and (max-width : 1440px) { .subscription{ main{ - margin-top: 50px; + margin-top: 0px; max-width: 700px; + transform: scale(0.8) translateY(-20px); h1{ - font-size: calc(100vw / 30); + font-size: calc(100vw / 50); } p{ - font-size: calc(100vw / 70); + font-size: calc(100vw / 90); } } } diff --git a/src/views/Subscription/index.tsx b/src/views/Subscription/index.tsx index e10cc80..8582040 100644 --- a/src/views/Subscription/index.tsx +++ b/src/views/Subscription/index.tsx @@ -23,6 +23,9 @@ function Subscription({subscribes} : any) { )) } +
+ +