Arrelin/wedding
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

front
All checks were successful
Build and Publish Images / build-and-push (push) Successful in 2m12s
Details

Browse Source
This commit is contained in:
arrelin
2026-03-09 12:49:41 +03:00
parent 86d3cbdf54
commit d5ef1bc1f6
5 changed files with 44 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/src/App.css
View File

@@ -92,7 +92,7 @@
.invite-time {
font-family: 'Cormorant Garamond', serif;
font-size: 1.7rem;
font-size: 1.8rem;
font-weight: 500;
color: var(--pink);
white-space: nowrap;
@@ -100,7 +100,8 @@
}
.invite-desc {
font-size: 1.3rem;
font-size: 1.5rem;
font-weight: 400;
color: var(--text);
line-height: 1.55;
}
@@ -111,10 +112,12 @@
}
.invite-dresscode {
font-size: 0.95rem;
color: var(--text-muted);
line-height: 1.6;
font-family: 'Cormorant Garamond', serif;
font-size: clamp(1.2rem, 3vw, 1.5rem);
font-weight: 500;
font-style: italic;
color: var(--text);
line-height: 1.6;
}
.invite-palette {
@@ -125,10 +128,10 @@
.invite-palette span {
display: block;
width: 2.5rem;
height: 2.5rem;
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 1px 4px rgba(0,0,0,0.12);
/*box-shadow: 0 0 0 rgba(0,0,0,0.12);*/
}
.invite-bottom {
@@ -140,9 +143,9 @@
}
.invite-cta-text {
font-size: 0.95rem;
color: var(--text-muted);
line-height: 1.6;
font-family: 'Cormorant Garamond', serif;
font-size: 1.2rem;
font-weight: 400;
}
.welcome-cta {
@@ -151,7 +154,7 @@
background: var(--pink);
color: #fff;
border: none;
font-family: 'Montserrat', sans-serif;
font-family: 'Cormorant Garamond', serif;
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.2em;
@@ -232,7 +235,7 @@
}
.invite-dresscode {
font-size: 0.8rem;
font-size: 1.3rem;
}
.invite-palette span {

13
frontend/src/App.tsx
View File

@@ -36,7 +36,8 @@ export default function App() {
<span className="invite-time">17:00</span>
<span className="invite-desc">
Праздничный банкет<br />
<span className="invite-place">Ресторан «Беллисто», банкетный зал «Людовик»</span>
<span className="invite-place">Ресторан «Беллисто», банкетный зал «Людовик» <br/>
ул. Генерала Жадова, д. 9А</span>
</span>
</div>
</div>
@@ -49,11 +50,11 @@ export default function App() {
</p>
<div className="invite-palette">
<span style={{ background: '#E8C4C4' }} />
<span style={{ background: '#D4A0A0' }} />
<span style={{ background: '#C47A7A' }} />
<span style={{ background: '#A85C5C' }} />
<span style={{ background: '#8B3A3A' }} />
<span style={{ background: '#9CFCC1' }} />
<span style={{ background: '#A7E7FE' }} />
<span style={{ background: '#F5FEAA' }} />
<span style={{ background: '#FFBCD8' }} />
<span style={{ background: '#FFB9FF' }} />
</div>
<div className="invite-bottom">

11
frontend/src/components/Survey.css
View File

@@ -15,9 +15,9 @@
}
.survey-label {
font-family: 'Montserrat', sans-serif;
font-size: 1.1rem;
font-weight: 500;
font-family: 'Cormorant Garamond', serif;
font-size: 1.4rem;
font-weight: 600;
letter-spacing: 0.03em;
color: var(--text-muted);
}
@@ -28,7 +28,8 @@
border-bottom: 1.5px solid rgba(164, 90, 90, 0.25);
padding: 0.6rem 0;
font-family: 'Cormorant Garamond', serif;
font-size: 1.2rem;
font-size: 1.4rem;
font-weight: 400;
color: var(--text);
outline: none;
transition: border-color 0.25s;
@@ -97,7 +98,7 @@
background: var(--pink);
color: #fff;
border: none;
font-family: 'Montserrat', sans-serif;
font-family: 'Cormorant Garamond', serif;
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.2em;

18
frontend/src/components/Survey.tsx
View File

@@ -1,4 +1,4 @@
import { useState } from 'react'
import { useState, useRef, useEffect } from 'react'
import './Survey.css'
interface FormData {
@@ -22,6 +22,14 @@ export default function Survey() {
partnerFood: '',
})
const partnerRef = useRef<HTMLDivElement>(null)
useEffect(() => {
if (form.withPartner && partnerRef.current) {
partnerRef.current.scrollIntoView({ behavior: 'smooth', block: 'start' })
}
}, [form.withPartner])
const [submitted, setSubmitted] = useState(false)
const [loading, setLoading] = useState(false)
const [error, setError] = useState<string | null>(null)
@@ -109,9 +117,9 @@ export default function Survey() {
</div>
{form.withPartner && (
<div className="survey-partner">
<div className="survey-partner" ref={partnerRef}>
<div className="survey-field">
<label className="survey-label">Фамилия и имя вашей пары</label>
<label className="survey-label">Фамилия и имя партнера</label>
<input
className="survey-input"
type="text"
@@ -122,7 +130,7 @@ export default function Survey() {
</div>
<div className="survey-field">
<label className="survey-label">Предпочтения вашей пары по алкоголю</label>
<label className="survey-label">Предпочтения по алкоголю вашего партнера</label>
<input
className="survey-input"
type="text"
@@ -132,7 +140,7 @@ export default function Survey() {
</div>
<div className="survey-field">
<label className="survey-label">Какую еду не ест ваша пара?</label>
<label className="survey-label">Какую еду не ест ваш партнер</label>
<input
className="survey-input"
type="text"

4
frontend/src/index.css
View File

@@ -1,4 +1,4 @@
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Montserrat:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap');
*, *::before, *::after {
box-sizing: border-box;
@@ -25,7 +25,7 @@ body {
padding: 0;
background: var(--cream);
color: var(--text);
font-family: 'Montserrat', sans-serif;
font-family: 'Cormorant Garamond', serif;
font-weight: 300;
-webkit-font-smoothing: antialiased;
}