From 419d920f6884012ec7117d68a18c123452f51f35 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Mon, 29 Apr 2024 20:13:00 +0300
Subject: [PATCH] feat(panel-content): add breadcrumb only for mobile

---
 .../ManageValidator/RightManagePanels/PanelContent.tsx   | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/pages/ManageValidator/RightManagePanels/PanelContent.tsx b/src/pages/ManageValidator/RightManagePanels/PanelContent.tsx
index 46c06d6b..075911ce 100644
--- a/src/pages/ManageValidator/RightManagePanels/PanelContent.tsx
+++ b/src/pages/ManageValidator/RightManagePanels/PanelContent.tsx
@@ -1,6 +1,6 @@
 import { Text } from '@status-im/components'
 import { ExpandRsIcon } from '@status-im/icons'
-import { XStack, YStack } from 'tamagui'
+import { Separator, XStack, YStack } from 'tamagui'
 
 import Breadcrumb from '../../../components/General/Breadcrumb/Breadcrumb'
 
@@ -22,7 +22,12 @@ const PanelContent = ({
       space={'$3'}
       style={{ padding: isModalWidth ? 0 : '30px', alignItems: 'start' }}
     >
-      <Breadcrumb />
+      {isModalWidth && (
+        <YStack space={'$1'}>
+          <Breadcrumb />
+          <Separator borderColor={'#F0F2F5'} marginTop={'6px'} />
+        </YStack>
+      )}
       <XStack style={{ width: '100%', justifyContent: 'space-between' }}>
         <Text size={19} weight={'semibold'}>
           {title}