fix(greeting/events): event text box styling

This commit is contained in:
alexsparkes
2026-01-26 10:21:51 +00:00
parent ab2b969772
commit d88ed2eedd
3 changed files with 45 additions and 9 deletions

View File

@@ -211,11 +211,16 @@ const GreetingOptions = ({ currentSubSection, onSubSectionChange, sectionName })
</label>
<input
id="day"
type="tel"
type="number"
min="1"
max="31"
value={event.date}
onChange={(e) => {
const updatedEvent = { ...event, date: parseInt(e.target.value, 10) };
updateEvent(index, updatedEvent);
const value = parseInt(e.target.value, 10);
if (value >= 1 && value <= 31) {
const updatedEvent = { ...event, date: value };
updateEvent(index, updatedEvent);
}
}}
/>
<hr />
@@ -224,11 +229,16 @@ const GreetingOptions = ({ currentSubSection, onSubSectionChange, sectionName })
</label>
<input
id="month"
type="tel"
type="number"
min="1"
max="12"
value={event.month}
onChange={(e) => {
const updatedEvent = { ...event, month: parseInt(e.target.value, 10) };
updateEvent(index, updatedEvent);
const value = parseInt(e.target.value, 10);
if (value >= 1 && value <= 12) {
const updatedEvent = { ...event, month: value };
updateEvent(index, updatedEvent);
}
}}
/>
</div>

View File

@@ -288,7 +288,8 @@ button.quicklinks {
flex-flow: column;
align-items: center;
min-width: 100px;
background-image: linear-gradient(to left, rgb(0 0 0), transparent, rgb(0 0 0)),
background-image:
linear-gradient(to left, rgb(0 0 0), transparent, rgb(0 0 0)),
url('https://media.cntraveller.com/photos/615ee85…/16:9/w_2580,c_limit/Best%20Cities%20in%20the%20World%20-%20Grid.jpg');
transition: 0.8s;
text-align: left;
@@ -605,7 +606,7 @@ button.quicklinks {
display: flex;
flex-direction: column;
gap: 8px;
padding: 0;
padding-bottom: 50px;
}
.quicklink-wrapper .quicklinkstext {