From a497115f15e0e01e399a3bf30f8eba62d343d8c7 Mon Sep 17 00:00:00 2001
From: Bastiaan Verhaar <3987804+bastiaanv@users.noreply.github.com>
Date: Wed, 16 Nov 2022 08:21:48 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(bottom-navigation):=20When?=
 =?UTF-8?q?=20item=20in=20active=20state,=20it=20sits=20lower=20than=20the?=
 =?UTF-8?q?=20non-active=20items=20by=202=20pixels=20(#1355)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 🐛 fix(bottom-navigation): Bottom navigation respects the iOS safe-area

* 💄 style: Restore syntax

* 🐛 fix(bottom-navigation): When item in active state, it sits lower than the non-active items by 2 pixels

* 🐛 restore: Moved some old code
---
 src/components/styled/bottom-navigation.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/styled/bottom-navigation.css b/src/components/styled/bottom-navigation.css
index 9683c198adc..51f7440969d 100644
--- a/src/components/styled/bottom-navigation.css
+++ b/src/components/styled/bottom-navigation.css
@@ -3,6 +3,10 @@
   &>* {
     @apply border-current;
 
+    &:not(.active) {
+      @apply pt-0.5;
+    }
+
     /* active */
     &:where(.active) {
       @apply bg-base-100 border-t-2;