IT4Change/IT4C.dev
3
0
Fork 0
mirror of https://github.com/IT4Change/IT4C.dev.git synced 2025-12-13 09:25:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(content): smaller contact form image (#308)

Browse Source 
* Downsize contact form image and change its position

* Fix linting

* Increase space for contact form
This commit is contained in:
Max 2025-04-02 01:28:58 +02:00 committed by GitHub
parent cf1f1ff709
commit 35419221c7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
docs/.vuepress/components/ContactForm.vue
View File

@ -4,18 +4,20 @@
<strong>Ulf Gebhardt</strong> für deine Fragen gerne zur Verfügung. <strong>Ulf Gebhardt</strong> für deine Fragen gerne zur Verfügung.
</p> </p>
<div class="grid grid-cols-1 md:grid-cols-5 gap-8"> <div class="grid grid-cols-1 md:grid-cols-10 gap-8">
<!-- Left side: Portrait - takes 2/5 of space --> <!-- Left side: Portrait - takes 3/10 of space -->
<div class="flex flex-col items-center md:items-start md:self-start md:col-span-2"> <div
class="flex flex-col items-center md:items-end md:self-start md:col-span-3 md:sticky md:top-8"
>
<img <img
src="/images/portrait/ulf-gebhardt.jpg" src="/images/portrait/ulf-gebhardt.jpg"
alt="Ulf Gebhardt" alt="Ulf Gebhardt"
class="rounded-lg shadow-md w-97 h-auto mb-6" class="rounded-lg shadow-md w-75 h-auto mb-6"
/> />
</div> </div>
<!-- Right side: Contact form - takes 3/5 of space --> <!-- Right side: Contact form - takes 7/10 of space -->
<div class="md:col-span-3"> <div class="md:col-span-7">
<h3 class="mb-4">Telefon</h3> <h3 class="mb-4">Telefon</h3>
<div class="flex-col gap-2 mb-8"> <div class="flex-col gap-2 mb-8">
<p class="flex items-center"> <p class="flex items-center">