vojtech.mares/backup-websites-2024-01
Archived
1
0
Fork 0
Code Activity

feat: change color palette from blue to amber and reduce number of font sizes

Browse source 
- color change blue theme -> amber theme
- text color changes: grays to black & few grays
- font changes: less sizes (small -> normal)
This commit is contained in:
Vojtěch Mareš 2023-01-10 10:07:24 +01:00
parent 5f2c7d313b
commit 8d0450011a
14 changed files with 72 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

26
components/Training.tsx
View file

@ -17,7 +17,7 @@ export const Training = ({ training }: Props) => {
return (
<>
<div className="pb-14 sm:pb-20 lg:pb-32">
<div className="bg-slate-900 pt-16 pb-16">
<div className="bg-black pt-16 pb-16">
<Container className="flex justify-around">
<Image
src={training.logo}
@ -52,16 +52,16 @@ export const Training = ({ training }: Props) => {
className="h-5 w-5 text-blue-400"
>
<path
fill-rule="evenodd"
fillRule="evenodd"
d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z"
clip-rule="evenodd"
clipRule="evenodd"
/>
</svg>
</div>
<div className="ml-3">
<p className="text-blue-700">
<p className="text-blue-600">
Toto školení je{" "}
<span className="font-medium text-blue-700">
<span className="font-medium">
dvoudenní.
</span>
</p>
@ -73,25 +73,25 @@ export const Training = ({ training }: Props) => {
)}
<div className="mt-8 overflow-hidden rounded-lg bg-slate-50 shadow md:mt-0">
<div className="px-4 py-5 sm:px-6">
<h3 className="text-lg font-medium leading-6 text-slate-900">
<h3 className="text-lg font-medium leading-6 text-black">
Cena za školení
</h3>
</div>
<div className="border-t border-gray-200 px-4 py-5">
<dl className="sm:divide-y sm:divide-gray-200">
<div className="border-t border-slate-100 px-4 py-5">
<dl className="sm:divide-y sm:divide-slate-400">
<div className="py-4 sm:grid sm:grid-cols-2 sm:gap-4 sm:py-5 sm:px-6">
<dt className="font-medium text-gray-500">
<dt className="font-medium text-slate-700">
Veřejný termín
</dt>
<dd className="mt-1 text-gray-900 sm:mt-0">
<dd className="mt-1 text-black sm:mt-0">
{formatter.format(training.priceOpen)} bez DPH
</dd>
</div>
<div className="py-4 sm:grid sm:grid-cols-2 sm:gap-4 sm:py-5 sm:px-6">
<dt className="font-medium text-gray-500">
<dt className="font-medium text-slate-700">
Firemní školení
</dt>
<dd className="mt-1 text-gray-900 sm:mt-0">
<dd className="mt-1 text-black sm:mt-0">
{formatter.format(training.priceCompany)} bez DPH
</dd>
</div>
@ -101,7 +101,7 @@ export const Training = ({ training }: Props) => {
<div className="mt-8">
<Button
variant="solid"
color="blue"
color="amber"
className="w-full text-lg font-medium"
href="mailto:iam@vojtechmares.com"
>