Firq/firq-dev-website
Firq/firq-dev-website
1
0
Fork 0
Code Issues Pull requests Projects Releases172 Packages1 Wiki Activity Actions

Updated data, changed CE card layout

Browse source
This commit is contained in:
Firq 2023-01-23 19:00:16 +01:00
parent e344bb8118
commit 07d16b3264
Signed by: Firq
GPG key ID: 4DE1059A4666E89F
2 changed files with 153 additions and 10 deletions
src/components
ceCard.astro

31
src/components/ceCard.astro
View file

@ -8,7 +8,7 @@ export interface Props {
const {mlb, link, name } = Astro.props;
const ce_img: string = `ce/${link}.png`;
let mlb_image: string = "";
let mlb_image: string = "mlbalign";
if(mlb === "false") {
mlb_image = "hidemlb";
@ -30,11 +30,11 @@ if(mlb === "false") {
<style>
.hidemlb {
display: none;
height: 1em;
}
article {
background-color: rgb(27, 27, 27);
float: left;
border-color: #1e1e1e;
padding: 20px;
padding-top: 5px;
@ -45,14 +45,23 @@ if(mlb === "false") {
transition: transform var(--speed) var(--ease);
overflow: hidden;
margin: 0px;
}
display: grid;
grid-template-columns: auto;
grid-template-rows: auto 11em 3em;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas:
"."
"."
".";
}
article:hover {
transform: scale(var(--hover-scale));
}
article div {
margin: 1em auto;
margin: 0.5em auto;
}
img {
@ -64,14 +73,12 @@ if(mlb === "false") {
.heading-center {
display: table;
height: 4rem;
min-width: 11rem;
}
.heading-center > h1 {
font-size: 20px;
font-size: 1.25em;
color: white;
max-width: 200px;
padding-bottom: 0.3rem;
width: 12rem;
display: table-cell;
vertical-align: middle;
}
@ -95,8 +102,14 @@ if(mlb === "false") {
.mlb {
width: 60%;
margin-top: 1rem;
margin-left: auto;
margin-right: auto;
}
.mlbalign {
width: 10em;
display: flex;
justify-items: center;
align-items: center;
}
</style>