Fixed weird issue on database page
Some checks failed
/ publish (push) Successful in 1m14s
/ unlighthouse (push) Successful in 26s
/ deploy-unlighthouse-files (push) Successful in 7s
/ deploy-unlighthouse-site (push) Successful in 5s
/ checking (push) Successful in 11s
/ release (push) Has been skipped
/ build-site (push) Failing after 10s

This commit is contained in:
Firq-ow 2024-01-09 19:09:53 +01:00
parent 62e3869ce9
commit 9f607ff14d
Signed by: Firq
GPG key ID: BC5CE35A72BDB4AB
4 changed files with 37 additions and 33 deletions

View file

@ -33,30 +33,6 @@ const render_date = questReleaseDate.toLocaleDateString(
.circle { .circle {
display: none; display: none;
} }
@media (min-width: 900px) {
.circle {
margin: 1rem 1rem 1rem 0rem;
position: relative;
display: flex;
visibility: visible;
height: 1.5rem;
width: 1.5rem;
border-radius: 40%;
background-color: var(--c-darkpurple);
transition: transform var(--speed) var(--ease);
}
a:hover > .circle {
height: 1.75rem;
width: 1.75rem;
translate: -0.125rem;
margin-right: 0.825rem;
}
article {
margin-left: 0.5rem;
}
}
a { a {
align-items: center; align-items: center;
@ -92,8 +68,8 @@ const render_date = questReleaseDate.toLocaleDateString(
flex: 1; flex: 1;
flex-wrap: wrap; flex-wrap: wrap;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: center;
align-content: flex-start; align-content: center;
justify-content: center; justify-content: center;
background-color: var(--c-darkergray); background-color: var(--c-darkergray);
padding: 10px; padding: 10px;
@ -102,7 +78,35 @@ const render_date = questReleaseDate.toLocaleDateString(
min-height: 100%; min-height: 100%;
border-radius: 1.25rem; border-radius: 1.25rem;
} }
a:hover > article { a:hover > article {
transform: scaleY(102.5%) scaleX(101%); transform: scaleY(102.5%) scaleX(101%);
} }
@media (min-width: 900px) {
.circle {
margin: 1rem 0.5rem 1rem 0.5rem;
position: relative;
display: flex;
visibility: visible;
height: 1.5rem;
width: 1.5rem;
border-radius: 40%;
background-color: var(--c-darkpurple);
transition: transform var(--speed) var(--ease);
}
a:hover > .circle {
height: 1.75rem;
width: 1.75rem;
translate: -0.125rem;
margin-right: 0.825rem;
}
article {
align-items: flex-start;
align-content: flex-start;
margin-left: 0.5rem;
}
}
</style> </style>

View file

@ -46,7 +46,6 @@ const { title } = Astro.props
z-index: -1; z-index: -1;
} }
h1 { h1 {
font-size: 40px;
line-height: 48px; line-height: 48px;
letter-spacing: -1px; letter-spacing: -1px;
color: white; color: white;
@ -55,21 +54,22 @@ const { title } = Astro.props
margin-bottom: 0; margin-bottom: 0;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
padding: 0.25rem 0.75rem;
max-width: max-content; max-width: max-content;
background-color: var(--c-darkgray); background-color: var(--c-darkgray);
padding: 0.25rem 1.5rem; padding: 0.25rem 1.5rem;
border-radius: 0.5rem; border-radius: 0.5rem;
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
justify-self: center;
} }
.wrapper { .wrapper {
margin: 2rem 3rem 0.5rem 3rem; margin: 2rem 2rem 0.5rem 2rem;
display: flex; display: flex;
flex-flow: column wrap; flex-flow: column wrap;
row-gap: 1em; row-gap: 1em;
column-gap: 1em; column-gap: 1em;
align-self: center; align-self: center;
align-items: stretch; align-items: stretch;
align-content: center;
justify-content: space-around; justify-content: space-around;
padding: 1em; padding: 1em;
color: white; color: white;

View file

@ -5,11 +5,11 @@ import TACard from '../components/taCard.astro'
import { plsLoadTAEntry } from '../utils/tools' import { plsLoadTAEntry } from '../utils/tools'
export interface Props { export interface Props {
datafile: string collectionKey: string
} }
const { datafile } = Astro.props const { collectionKey } = Astro.props
const taEntry = await plsLoadTAEntry(datafile) const taEntry = await plsLoadTAEntry(collectionKey)
const pagetitle = `${taEntry.info.title} - FGO TA` const pagetitle = `${taEntry.info.title} - FGO TA`
taEntry.data.sort((a, b) => b.date.valueOf() - a.date.valueOf() ) taEntry.data.sort((a, b) => b.date.valueOf() - a.date.valueOf() )
--- ---

View file

@ -10,4 +10,4 @@ export async function getStaticPaths() {
const { slug } = Astro.params const { slug } = Astro.params
--- ---
<TaShowcaseLayout datafile={slug} /> <TaShowcaseLayout collectionKey={slug} />