From bd10c93dc880cbcbb7907a1a8b0a13ddcb6dcb8e Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Fri, 30 Jun 2023 14:09:36 -0700
Subject: [PATCH] Update object reps for mobile

---
 components/reps/CharacterRep/index.module.scss | 4 ++++
 components/reps/SummonRep/index.module.scss    | 4 ++++
 components/reps/WeaponRep/index.module.scss    | 4 ++++
 3 files changed, 12 insertions(+)

diff --git a/components/reps/CharacterRep/index.module.scss b/components/reps/CharacterRep/index.module.scss
index 38502054..b623728e 100644
--- a/components/reps/CharacterRep/index.module.scss
+++ b/components/reps/CharacterRep/index.module.scss
@@ -6,6 +6,10 @@
   transition: $duration-opacity-fade opacity ease-in;
   opacity: 0.5;
 
+  @include breakpoint(phone) {
+    display: none;
+  }
+
   .character,
   .protagonist {
     aspect-ratio: 16 / 33;
diff --git a/components/reps/SummonRep/index.module.scss b/components/reps/SummonRep/index.module.scss
index 6149e46e..70aa1508 100644
--- a/components/reps/SummonRep/index.module.scss
+++ b/components/reps/SummonRep/index.module.scss
@@ -8,6 +8,10 @@
   transition: $duration-opacity-fade opacity ease-in;
   opacity: 0.5;
 
+  @include breakpoint(phone) {
+    display: none;
+  }
+
   .summon,
   .mainSummon {
     background: var(--card-bg);
diff --git a/components/reps/WeaponRep/index.module.scss b/components/reps/WeaponRep/index.module.scss
index fb76f59e..02116aa3 100644
--- a/components/reps/WeaponRep/index.module.scss
+++ b/components/reps/WeaponRep/index.module.scss
@@ -8,6 +8,10 @@
   transition: $duration-opacity-fade opacity ease-in;
   opacity: 0.5;
 
+  @include breakpoint(phone) {
+    display: none;
+  }
+
   .mainhand,
   .weapon {
     background: var(--card-bg);