Firq/fgo-ta-com-website
Firq/fgo-ta-com-website
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases 70 Packages Wiki Activity Actions

Mobile Improvements

Browse source
This commit is contained in:
Firq 2024-01-03 21:30:00 +01:00
parent ec9e4d8c93
commit 5f78430062
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
2 changed files with 6 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/taCard.astro
View file

@ -65,7 +65,6 @@ const servant_images = import.meta.glob<{ default: ImageMetadata }>(
a { a {
text-decoration: none; text-decoration: none;
width: 90%;
} }
.mobile { .mobile {
@ -77,7 +76,7 @@ const servant_images = import.meta.glob<{ default: ImageMetadata }>(
flex-flow: column; flex-flow: column;
color: white; color: white;
align-items: center; align-items: center;
padding-left: 0.5rem; padding-left: 0.75rem;
} }
.mobile > h2 { .mobile > h2 {
@ -99,7 +98,7 @@ const servant_images = import.meta.glob<{ default: ImageMetadata }>(
text-align: center; text-align: center;
transition: transform var(--speed) var(--ease); transition: transform var(--speed) var(--ease);
height: auto; height: auto;
width: 90%; max-width: 100%;
border-radius: 1.25rem; border-radius: 1.25rem;
--size-value: 7rem; --size-value: 7rem;
display: flex; display: flex;
@ -120,11 +119,11 @@ const servant_images = import.meta.glob<{ default: ImageMetadata }>(
} }
} }
@media (min-width: 620px) { @media (min-width: 625px) {
article { article {
width: 15rem; width: 15rem;
justify-content: center; justify-content: center;
padding: 10px; padding: 1rem;
} }
a { a {
@ -195,7 +194,7 @@ const servant_images = import.meta.glob<{ default: ImageMetadata }>(
width: calc(var(--size-value) + 0.1rem); width: calc(var(--size-value) + 0.1rem);
opacity: 90%; opacity: 90%;
border-radius: 1.25rem; border-radius: 1.25rem;
top: 1.1em; top: 1.45em;
} }
article:hover .title h2 { article:hover .title h2 {

2
src/layouts/baseSection.astro
View file

@ -29,7 +29,7 @@ const { title, description } = Astro.props
align-self: center; align-self: center;
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
padding: 1em; padding-top: 1em;
position: relative; position: relative;
} }
div h1 { div h1 {