From 508fa31a5ad393fb0c3b5b532296e79d37605c15 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrian=20Or=C5=82=C3=B3w?= <adrian.orlow@fishbrain.com>
Date: Tue, 16 Jan 2024 14:59:37 +0100
Subject: [PATCH] fix: rfc changes
---
.../MapAdditionalActions.component.tsx | 12 ++++++------
tailwind.config.ts | 2 +-
2 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/src/components/Map/MapAdditionalActions/MapAdditionalActions.component.tsx b/src/components/Map/MapAdditionalActions/MapAdditionalActions.component.tsx
index 396ec54a..fb6dc5fb 100644
--- a/src/components/Map/MapAdditionalActions/MapAdditionalActions.component.tsx
+++ b/src/components/Map/MapAdditionalActions/MapAdditionalActions.component.tsx
@@ -12,28 +12,28 @@ export const MapAdditionalActions = (): JSX.Element => {
<div
className={twMerge(
'absolute bottom-6 right-6 z-10 flex flex-col gap-4',
- 'drop-shadow-secondary',
+ 'drop-shadow-primary',
)}
>
<button
type="button"
- className="flex h-[48px] w-[48px] items-center justify-center rounded-full bg-white"
+ className="flex h-12 w-12 items-center justify-center rounded-full bg-white"
onClick={zoomInToBioEntities}
>
<Image src={locationIcon} alt="location button icon" height={28} width={28} />
</button>
- <div className="flex h-auto w-[48px] flex-col items-center justify-center rounded-full bg-white py-2">
+ <div className="flex h-auto w-12 flex-col items-center justify-center rounded-full bg-white py-2">
<button
type="button"
- className="flex h-[48px] w-[48px] items-center justify-center"
+ className="flex h-12 w-12 items-center justify-center"
onClick={zoomIn}
>
<Image src={magnifierZoomInIcon} alt="zoom in button icon" height={24} width={24} />
</button>
- <div className="h-[1px] w-[32px] bg-[#F1F1F1]" />
+ <div className="h-px w-12 bg-[#F1F1F1]" />
<button
type="button"
- className="flex h-[48px] w-[48px] items-center justify-center"
+ className="flex h-12 w-12 items-center justify-center"
onClick={zoomOut}
>
<Image src={magnifierZoomOutIcon} alt="zoom out button icon" height={24} width={24} />
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 15c5063b..80376a72 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -37,7 +37,7 @@ const config: Config = {
primary: '4px 8px 32px 0px rgba(0, 0, 0, 0.12)',
},
dropShadow: {
- secondary: '0px 4px 24px rgba(0, 0, 0, 0.08)',
+ primary: '0px 4px 24px rgba(0, 0, 0, 0.08)',
},
},
fontFamily: {
--
GitLab