Leahnaya/chaoticbackup.github.io
1
0
Fork 0
mirror of https://github.com/chaoticbackup/chaoticbackup.github.io.git synced 2026-03-21 17:24:14 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

update collecion image to take up full space

Browse Source
This commit is contained in:
Daniel 2022-02-08 23:58:27 -05:00
parent e7d27ca8c5
commit 7538a277e9
8 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
build/465.css
View File

File diff suppressed because one or more lines are too long

2
build/465.js
View File

File diff suppressed because one or more lines are too long

4
src/components/collection/collection.scss
View File

@ -367,6 +367,8 @@
width: 250px;
height: 350px;
img {
width: 250px;
height: 350px;
max-width: 250px;
max-height: 350px;
}
@ -436,6 +438,8 @@
img {
// transform-origin: 70% 50%;
// transform: rotate(90deg);
width: 350px;
height: 250px;
max-width: 350px;
max-height: 250px;
}

2
src/components/collection/types/Attack.js
View File

@ -34,7 +34,7 @@ export default class Attack extends React.Component {
);
else return (
<div className="card attack">
<div className="fullcard"><img src={API.cardImage(card)} /></div>
<div className="fullcard"><img src={API.cardImage(card)} width="250px" height="350px" /></div>
<div className="right">
<Name name={card.gsx$name} />
<Rarity set={card.gsx$set} rarity={card.gsx$rarity} id={card.gsx$id} />

2
src/components/collection/types/Battlegear.js
View File

@ -26,7 +26,7 @@ export default class Battlegear extends React.Component {
);
else return (
<div className="card battlegear">
<div className="fullcard"><img src={API.cardImage(card)} /></div>
<div className="fullcard"><img src={API.cardImage(card)} width="250px" height="350px" /></div>
<div className="right" >
<Name name={card.gsx$name} />
<Rarity set={card.gsx$set} rarity={card.gsx$rarity} id={card.gsx$id} />

2
src/components/collection/types/Creature.js
View File

@ -96,7 +96,7 @@ export default class Creature extends React.Component {
<div className="card creature">
<div className="fullcard">
{/* style={{ backgroundImage: `url("${API.cardImage(card)}")` }} */}
<img src={API.cardImage(card)} />
<img src={API.cardImage(card)} width="250px" height="350px" />
{!hideStats && (
<div className="image-cover" >
<div>

2
src/components/collection/types/Location.js
View File

@ -28,7 +28,7 @@ export default class Location extends React.Component {
);
else return (
<div className="card location">
<div className="fullcard"><img src={API.cardImage(card)} /></div>
<div className="fullcard"><img src={API.cardImage(card)} height="250px" width="350px"/></div>
<div className="right">
<Name name={card.gsx$name} />
<Rarity set={card.gsx$set} rarity={card.gsx$rarity} id={card.gsx$id} />

2
src/components/collection/types/Mugic.js
View File

@ -47,7 +47,7 @@ export default class Mugic extends React.Component {
);
else return (
<div className="card mugic">
<div className="fullcard"><img src={API.cardImage(card)} /></div>
<div className="fullcard"><img src={API.cardImage(card)} width="250px" height="350px" /></div>
<div className="right" >
<Name name={card.gsx$name} />
<Rarity set={card.gsx$set} rarity={card.gsx$rarity} id={card.gsx$id} />