steffo/festa
steffo/festa
1
Fork 0
mirror of https://github.com/Steffo99/festa.git synced 2024-12-22 14:44:21 +00:00
Code Activity

Rename FormDateRange to FormFromTo

Browse source
This commit is contained in:
Steffo 2022-06-09 23:50:11 +02:00
parent 1c00c6d8e0
commit 5e070fd1e4
Signed by: steffo
GPG key ID: 6965406171929D01
4 changed files with 38 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
components/form/FormDateRange.tsx → components/form/FormFromTo.tsx
View file

@ -10,22 +10,22 @@ type FormDateRangeProps = {
} }
export function FormDateRange(props: FormDateRangeProps) { export function FormFromTo(props: FormDateRangeProps) {
return ( return (
<div className={classNames({ <div className={classNames({
"form-daterange": true, "form-fromto": true,
"form-daterange-preview": props.preview, "form-fromto-preview": props.preview,
})}> })}>
<div className="form-daterange-icon"> <div className="form-fromto-icon">
{props.icon} {props.icon}
</div> </div>
<div className="form-daterange-start"> <div className="form-fromto-start">
{props.start} {props.start}
</div> </div>
<div className="form-daterange-connector"> <div className="form-fromto-connector">
{props.connector} {props.connector}
</div> </div>
<div className="form-daterange-end"> <div className="form-fromto-end">
{props.end} {props.end}
</div> </div>
</div> </div>

2
components/view/ViewEvent.tsx
View file

@ -1,5 +1,5 @@
import { ReactNode } from "react" import { ReactNode } from "react"
import { FormDateRange } from "../form/FormDateRange" import { FormFromTo } from "../form/FormFromTo"
type ViewEventProps = { type ViewEventProps = {
title: ReactNode, title: ReactNode,

30
styles/components/form-daterange.css
View file

@ -1,30 +0,0 @@
.form-daterange {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
}
.form-daterange-icon {
margin-right: 4px;
}
.form-daterange-connector {
margin-right: 2px;
}
.form-daterange-start, .form-daterange-end {
flex-grow: 1;
}
.form-daterange-icon, .form-daterange-connector {
flex-grow: 0;
}
.form-daterange-preview {
}
.form-daterange-preview .form-daterange-start, .form-daterange-preview .form-daterange-end {
flex-grow: 0;
}

30
styles/components/form-fromto.css Normal file
View file

@ -0,0 +1,30 @@
.form-fromto {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
}
.form-fromto-icon {
margin-right: 4px;
}
.form-fromto-connector {
margin-right: 2px;
}
.form-fromto-start,
.form-fromto-end {
flex-grow: 1;
}
.form-fromto-icon,
.form-fromto-connector {
flex-grow: 0;
}
.form-fromto-preview .form-fromto-start,
.form-fromto-preview .form-fromto-end {
flex-grow: 0;
}