studio-variable/world-game
3
1
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

portfolio : require thumbnail and improve mobile style. closes #27
All checks were successful
Deploy / Deploy to Production (push) Successful in 5m30s
Details

Browse source
This commit is contained in:
isUnknown 2026-03-25 07:14:01 +01:00
parent 2bd531f7b2
commit 65821bddf4
3 changed files with 16 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

0
assets/img/scrollable-page-background.png.png → assets/img/scrollable-page-background.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.1 MiB

After

Width:  |  Height:  |  Size: 4.1 MiB

Before After
Before After

1
site/blueprints/pages/project.yml
View file

@ -93,6 +93,7 @@ columns:
thumbnail: thumbnail:
label: Vignette label: Vignette
type: files type: files
required: true
layout: cards layout: cards
size: small size: small
max: 1 max: 1

18
src/views/Portfolio.svelte
View file

@ -405,6 +405,11 @@
z-index: var(--z-content); z-index: var(--z-content);
} }
.portfolio-mockup--horizontal {
grid-area: 8/4 / span 8 / span 14;
scale: 1.2;
}
.portfolio-mockup :global(.portfolio-mockup-img) { .portfolio-mockup :global(.portfolio-mockup-img) {
height: auto; height: auto;
} }
@ -461,10 +466,17 @@
.portfolio-nav-item button { .portfolio-nav-item button {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
transform: scale(1) !important;
transition: all .3s ease-in-out;
width: 3rem;
height: 3rem;
} }
.portfolio-nav-item.active button { .portfolio-nav-item.active button {
transform: scale(1.15); width: 4rem;
height: 4rem;
} }
.portfolio-nav-item:hover button { .portfolio-nav-item:hover button {
@ -472,8 +484,8 @@
} }
.portfolio-nav-item img { .portfolio-nav-item img {
width: 3rem; width: 100%;
height: 3rem; height: 100%;
} }
.portfolio-nav-number { .portfolio-nav-number {