arthur/website-old
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/website-old.git synced 2026-01-26 01:40:32 +01:00
Code Issues 31 Packages Projects Releases Wiki Activity

Improve work design + add go back arrow

Browse Source
This commit is contained in:
Arthur Danjou
2020-12-06 12:57:50 +01:00
parent 4f7044dc7a
commit 728a0261af
3 changed files with 24 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/Work.vue
View File

@@ -2,7 +2,7 @@
<div class="p-1 md:p-2 h-64 w-64 border-gray-900 dark:border-dark-800 border-2 duration-300 rounded-3xl hover:bg-opacity-25 hover:scale-105 transform cursor-pointer" :class="'hover:bg-'+color+ '-600'">
<div class="w-full h-full flex flex-col justify-center items-center">
<div>
<img alt="Project Img" width="95" height="95" :src="'http://localhost:5555/files/' + cover">
<img alt="Project Img" class="rounded-md" width="150" :src="'http://localhost:5555/files/' + cover">
</div>
<div class="text-center">
<h1 class="md:text-2xl text-lg font-bold">{{ $t(title) }}</h1>

2
components/WorkSkill.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="m-4 p-1 md:p-2 h-48 w-48 border-gray-900 dark:border-dark-800 border-2 duration-300 rounded-3xl hover:bg-opacity-25" :class="'hover:bg-'+color+'-600'">
<div class="m-2 p-1 md:p-2 h-48 w-48 border-gray-900 dark:border-dark-800 border-2 duration-300 rounded-3xl hover:bg-opacity-25" :class="'hover:bg-'+color+'-600'">
<div class="w-full h-full flex flex-col justify-center items-center">
<div>
<img class="rounded-sm" alt="Skill Img" :src="'http://localhost:5555/files/' + cover">