Merge pull request #66 from kthchew/fix/scroll-notif

Fix unwanted scrolling in gain/view notifications
kthchew · Apr 24, 2024 · b678ab0 · b678ab0
2 parents 417dfff + 7afeb0d
commit b678ab0
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/Frontend/src/CatGainNotification.jsx b/Frontend/src/CatGainNotification.jsx
@@ -29,7 +29,7 @@ export default function CatGainNotification({cat, closeNotif}) {
                     <div className="catChangeNotifCats">
                         <p style={{color: "black"}}>Name: {cat.name}</p>
                         <p style={{color: "black"}}>Rarity: <span style={{color: rarityColor}}>{rarityLabel}</span></p>
-                        <div className='catLarge' style={{bottom: "50%", left: "70%", zIndex: 100000}}>
+                        <div className='catLarge' style={{bottom: "30%", left: "75%", zIndex: 100000}}>
                             <img className='catPeltLarge'
                                  src={`pelts/${cat.pattern}.jpg`}
                                  style={{

diff --git a/Frontend/src/CatView.jsx b/Frontend/src/CatView.jsx
@@ -29,7 +29,7 @@ export default function CatViewNotification({cat, closeNotif}) {
                     <div className="catChangeNotifCats">
                         <p style={{color: "black"}}>Name: {cat.name}</p>
                         <p style={{color: "black"}}>Rarity: <span style={{color: rarityColor}}>{rarityLabel}</span></p>
-                        <div className='catLarge' style={{bottom: "50%", left: "70%", zIndex: 100000}}>
+                        <div className='catLarge' style={{bottom: "30%", left: "75%", zIndex: 100000}}>
                             <img className='catPeltLarge'
                                  src={`pelts/${cat.pattern}.jpg`}
                                  style={{

diff --git a/Frontend/src/css/CatChangeNotification.css b/Frontend/src/css/CatChangeNotification.css
@@ -1,6 +1,9 @@
 .catLarge {
     position: absolute;
     image-rendering: pixelated;
+    height: 64px;
+    width: 64px;
+    overflow: hidden;
     scale: 3;
 }