Skip to content

Commit

Permalink
Survey: update styling text, legend
Browse files Browse the repository at this point in the history
  • Loading branch information
JohannaPeanut committed Jan 11, 2024
1 parent fb88696 commit c047cca
Show file tree
Hide file tree
Showing 3 changed files with 8 additions and 9 deletions.
4 changes: 4 additions & 0 deletions src/core/styles/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -30,3 +30,7 @@

@layer utilities {
}

.stripe-background {
background: repeating-linear-gradient(-45deg, #da1616, #da1616 2px, white 2px, white 4px);
}
11 changes: 3 additions & 8 deletions src/survey-public/components/core/Text.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -8,28 +8,23 @@ type Props = {

export const SurveyH1: React.FC<Props> = ({ className, children }) => {
return (
<h1
className={clsx(
"mb-8 pt-10 text-3xl font-extrabold text-gray-900 sm:text-5xl md:text-4xl",
className,
)}
>
<h1 className={clsx("mb-6 pt-10 text-2xl font-extrabold text-gray-900 sm:text-3xl", className)}>
{children}
</h1>
)
}

export const SurveyH2: React.FC<Props> = ({ className, children }) => {
return (
<h2 className={clsx("mb-6 pt-12 text-2xl font-extrabold text-gray-900 sm:text-3xl", className)}>
<h2 className={clsx("mb-4 pt-8 text-lg font-extrabold text-gray-900 sm:text-xl", className)}>
{children}
</h2>
)
}

export const SurveyH3: React.FC<Props> = ({ className, children }) => {
return (
<h3 className={clsx("mb-6 pt-12 text-xl font-extrabold text-gray-900 sm:text-2xl", className)}>
<h3 className={clsx("mb-4 pt-8 text-lg font-extrabold text-gray-900", className)}>
{children}
</h3>
)
Expand Down
2 changes: 1 addition & 1 deletion src/survey-public/frm7/data/feedback.ts
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@ export const feedbackDefinition: TFeedback = {
},
blockedArea: {
label: { de: "Gesperrt aus Gründen des Natur- oder Denkmalschutzes" },
color: "bg-[#DA1616] opacity-70", // todo frm7
color: "opacity-70 stripe-background", // todo frm7
height: "h-5",
shape: "line",
},
Expand Down

0 comments on commit c047cca

Please sign in to comment.