Skip to content

Commit a9fb20b

Browse files
authored
Merge pull request #421 from CodeForPhilly/contact-section-stable-layout
make the contact section layout more stable when resizing the message field. simplify the design and provide more room for user to write their message.
2 parents 69d72b5 + a3e63db commit a9fb20b

File tree

3 files changed

+7
-25
lines changed

3 files changed

+7
-25
lines changed

website/src/assets/backgrounds/wedge.svg

Lines changed: 0 additions & 18 deletions
This file was deleted.

website/src/components/Contact.astro

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,11 @@
11
---
22
import { Content } from "../assets/text/Contact.md";
3-
import wedge from "../assets/backgrounds/wedge.svg";
43
---
54

65
<section id="contact">
76
<div class="max-w-[130ch] mx-auto">
87
<div class="flex flex-row">
9-
<div class="sm:w-2/5 p-6 py-12">
8+
<div class="sm:w-1/2 p-12 pr-6">
109
<div class="prose prose-headings:text-left">
1110
<Content />
1211
</div>
@@ -54,10 +53,11 @@ import wedge from "../assets/backgrounds/wedge.svg";
5453
/>
5554
</form>
5655
</div>
57-
<div
58-
class="sm:w-3/5 bg-[url(../assets/backgrounds/man-in-office.webp)] bg-cover bg-center hidden sm:block"
59-
>
60-
<img class="h-full relative right-0.5" src={wedge.src} alt="" />
56+
<div class="w-1/2 h-180 hidden sm:flex">
57+
<div
58+
class="w-full m-12 ml-6 bg-[url(../assets/backgrounds/man-in-office.webp)] bg-cover bg-center justify-center rounded-2xl"
59+
>
60+
</div>
6161
</div>
6262
</div>
6363
</div>

website/src/components/Volunteer.astro

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import cfpLogo from "../assets/logos/cfp-logo.png";
55
---
66

77
<div
8-
class="md:bg-[url(../assets/backgrounds/bubbles.svg)] bg-center md:mg-size-[150vh] lg:bg-cover bg-no-repeat"
8+
class="md:bg-[url(../assets/backgrounds/bubbles.svg)] bg-center md:mg-size-[150vh] lg:bg-cover bg-no-repeat border-b-bdt-green-light border-b-2"
99
>
1010
<section id="overview">
1111
<div class="max-w-[85ch] mx-auto py-12 px-3 prose prose-a:font-semibold">

0 commit comments

Comments
 (0)