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

Align icons to top in pieces, writings, and about page

Browse source
This commit is contained in:
Michael Winter 2026-02-19 18:05:59 +01:00
parent cf9fb1c762
commit a666fcef42
2 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
pages/about.vue
View file

@ -33,21 +33,21 @@
<div class="inline-flex place-items-center p-2"> <div class="inline-flex place-items-center p-2">
Contact Contact
<div> <div>
<IconButton :visible="true" type="email" work="placeholder" link="javascript:location='mailto:\u006d\u0077\u0069\u006e\u0074\u0065\u0072\u0040\u0075\u006e\u0062\u006f\u0075\u006e\u0064\u0065\u0064\u0070\u0072\u0065\u0073\u0073\u002e\u006f\u0072\u0067';void 0"></IconButton> <IconButton :visible="true" type="email" work="placeholder" link="javascript:location='mailto:\u006d\u0077\u0069\u006e\u0074\u0065\u0072\u0040\u0075\u006e\u0062\u006f\u0075\u006e\u0064\u0065\u0064\u0070\u0072\u0065\u0073\u0073\u002e\u006f\u0072\u0067';void 0" class="mt-[-6px]"></IconButton>
</div> </div>
</div> </div>
<br> <br>
<div class="inline-flex place-items-center p-2"> <div class="inline-flex place-items-center p-2">
CV CV
<div> <div>
<IconButton :visible="true" type="document" work="placeholder" link="/cv"></IconButton> <IconButton :visible="true" type="document" work="placeholder" link="/cv" class="mt-[-6px]"></IconButton>
</div> </div>
</div> </div>
<br> <br>
<div class="inline-flex place-items-center p-2"> <div class="inline-flex place-items-center p-2">
Works List with Presentation History Works List with Presentation History
<div> <div>
<IconButton :visible="true" type="document" work="placeholder" link="/works_list"></IconButton> <IconButton :visible="true" type="document" work="placeholder" link="/works_list" class="mt-[-6px]"></IconButton>
</div> </div>
</div> </div>
<br> <br>

8
pages/index.vue
View file

@ -7,9 +7,9 @@
<div class="py-2 ml-3" v-for="item in works"> <div class="py-2 ml-3" v-for="item in works">
<p class="font-thin">{{ item.year }}</p> <p class="font-thin">{{ item.year }}</p>
<div class="leading-tight py-1 ml-3" v-for="work in item.works"> <div class="leading-tight py-1 ml-3" v-for="work in item.works">
<div class="grid grid-cols-[65%,30%] gap-1 font-thin items-center"> <div class="grid grid-cols-[65%,30%] gap-1 font-thin items-start">
<div class="italic text-sm">{{ work.title }}</div> <div class="italic text-sm">{{ work.title }}</div>
<div class="inline-flex"> <div class="inline-flex mt-[-4px]">
<div> <div>
<IconButton :visible="work.score" type="score" :work="work" :link="work.score" class="inline-flex p-1"></IconButton> <IconButton :visible="work.score" type="score" :work="work" :link="work.score" class="inline-flex p-1"></IconButton>
@ -37,7 +37,7 @@
<p class="text-lg">writings</p> <p class="text-lg">writings</p>
<div class="leading-tight py-2 ml-3 text-sm" v-for="item in pubs"> <div class="leading-tight py-2 ml-3 text-sm" v-for="item in pubs">
<div class="grid grid-cols-[95%,5%] gap-1 items-center"> <div class="grid grid-cols-[95%,5%] gap-1 items-start">
<div> <div>
<span v-html="item.entryTags.title"></span> <span v-html="item.entryTags.title"></span>
<div class="ml-4 text-[#7F7F7F]"> <div class="ml-4 text-[#7F7F7F]">
@ -51,7 +51,7 @@
</div> </div>
</div> </div>
<div> <div>
<IconButton :visible=item.entryTags.howpublished type="document" :link="item.entryTags.howpublished" class="inline-flex p-1"></IconButton> <IconButton :visible=item.entryTags.howpublished type="document" :link="item.entryTags.howpublished" class="inline-flex p-1 mt-[-6px]"></IconButton>
</div> </div>
</div> </div>
</div> </div>