mwinter/portfolio
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Fix title and date wrapping on mobile

Browse source
This commit is contained in:
Michael Winter 2026-03-07 17:39:14 +01:00
parent 95d8707ec1
commit 5f9ce31127
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
pages/works/[slug].vue
View file

@ -4,9 +4,9 @@
<div class="sticky top-12 bg-white z-30 border-b border-gray-200"> <div class="sticky top-12 bg-white z-30 border-b border-gray-200">
<div class="max-w-3xl mx-auto px-4"> <div class="max-w-3xl mx-auto px-4">
<div class="flex items-center justify-between py-1"> <div class="flex items-center justify-between py-1">
<div class="flex items-baseline gap-1"> <div class="flex flex-wrap items-baseline gap-1">
<h1 class="text-xl italic" v-html="work.title"></h1> <h1 class="inline-block text-xl italic" v-html="work.title"></h1>
<span class="text-sm text-gray-500">({{ year }})</span> <span class="inline-block text-sm text-gray-500">({{ year }})</span>
</div> </div>
<nav class="flex items-center gap-4 text-sm"> <nav class="flex items-center gap-4 text-sm">
<a <a
@ -35,6 +35,7 @@
scrolling="no" scrolling="no"
frameborder="no" frameborder="no"
allow="autoplay" allow="autoplay"
class="w-full h-auto"
></iframe> ></iframe>
</div> </div>
@ -43,12 +44,11 @@
<iframe <iframe
:src="'https://player.vimeo.com/video/' + work.vimeo_trackid" :src="'https://player.vimeo.com/video/' + work.vimeo_trackid"
width="100%" width="100%"
height="400"
frameborder="0" frameborder="0"
webkitallowfullscreen webkitallowfullscreen
mozallowfullscreen mozallowfullscreen
allowfullscreen allowfullscreen
class="w-full aspect-video" class="w-full aspect-video h-auto"
></iframe> ></iframe>
</div> </div>