From 198f5c79cdda8bfe8c7fcb79b5a4ae22e1a95352 Mon Sep 17 00:00:00 2001 From: Justin Edmund Date: Fri, 30 Jun 2023 22:22:12 -0700 Subject: [PATCH] Use small-tablet breakpoint for party reps --- components/reps/CharacterRep/index.module.scss | 2 +- components/reps/RepSegment/index.module.scss | 4 ++-- components/reps/SummonRep/index.module.scss | 2 +- components/reps/WeaponRep/index.module.scss | 2 +- 4 files changed, 5 insertions(+), 5 deletions(-) diff --git a/components/reps/CharacterRep/index.module.scss b/components/reps/CharacterRep/index.module.scss index b623728e..6ee999b2 100644 --- a/components/reps/CharacterRep/index.module.scss +++ b/components/reps/CharacterRep/index.module.scss @@ -6,7 +6,7 @@ transition: $duration-opacity-fade opacity ease-in; opacity: 0.5; - @include breakpoint(phone) { + @include breakpoint(small-tablet) { display: none; } diff --git a/components/reps/RepSegment/index.module.scss b/components/reps/RepSegment/index.module.scss index 2e63d57a..2df18376 100644 --- a/components/reps/RepSegment/index.module.scss +++ b/components/reps/RepSegment/index.module.scss @@ -45,7 +45,7 @@ background: #fff; } - @include breakpoint(phone) { + @include breakpoint(small-tablet) { border-radius: 100px; padding-bottom: $unit; } @@ -57,7 +57,7 @@ } } - @include breakpoint(phone) { + @include breakpoint(small-tablet) { min-width: initial; width: 100%; diff --git a/components/reps/SummonRep/index.module.scss b/components/reps/SummonRep/index.module.scss index 70aa1508..f8c4544b 100644 --- a/components/reps/SummonRep/index.module.scss +++ b/components/reps/SummonRep/index.module.scss @@ -8,7 +8,7 @@ transition: $duration-opacity-fade opacity ease-in; opacity: 0.5; - @include breakpoint(phone) { + @include breakpoint(small-tablet) { display: none; } diff --git a/components/reps/WeaponRep/index.module.scss b/components/reps/WeaponRep/index.module.scss index 02116aa3..f74ebf1a 100644 --- a/components/reps/WeaponRep/index.module.scss +++ b/components/reps/WeaponRep/index.module.scss @@ -8,7 +8,7 @@ transition: $duration-opacity-fade opacity ease-in; opacity: 0.5; - @include breakpoint(phone) { + @include breakpoint(small-tablet) { display: none; }