mihkelmk/portfolio_site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjust mobile styling

Browse source
This commit is contained in:
Mihkel Martin Kasterpalu 2025-01-31 20:20:01 +02:00
parent dad4698a0a
commit aa70f3d509
3 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/routes/+page.svelte
View file

@ -16,7 +16,7 @@
tags: Tag[], tags: Tag[],
link: string link: string
)} )}
<div class="mb-10 w-80 space-y-3 md:w-60"> <div class="mb-10 w-72 space-y-3 md:w-60">
<Image {image} {tags} class="aspect-[4/5] object-cover" /> <Image {image} {tags} class="aspect-[4/5] object-cover" />
<div class="grid grid-cols-[1fr_auto] items-center text-sm"> <div class="grid grid-cols-[1fr_auto] items-center text-sm">
<div class="mt-1 pr-4"> <div class="mt-1 pr-4">

2
src/routes/vinge/+page.svelte
View file

@ -33,7 +33,7 @@
> >
{#each Object.entries(games) as [href, { image, name }]} {#each Object.entries(games) as [href, { image, name }]}
<a <a
class="shadow-sharp flex aspect-[4/1] min-h-20 max-w-sm items-center justify-center rounded-xl border-2 border-current bg-contain bg-no-repeat transition-all {href === class="shadow-sharp flex aspect-[4/1] h-16 max-w-sm items-center justify-center rounded-xl border-2 border-current bg-contain bg-no-repeat transition-all md:h-20 {href ===
'' ''
? 'pressed pointer-events-none' ? 'pressed pointer-events-none'
: ''}" : ''}"

2
tailwind.config.ts
View file

@ -9,7 +9,7 @@ const config: Config = {
theme: { theme: {
container: { container: {
center: true, center: true,
padding: '2rem', padding: '1rem',
screens: { screens: {
'2xl': '1400px' '2xl': '1400px'
} }