From 5ab1c0a5f8fe1d48869243dd92aa27e72356511e Mon Sep 17 00:00:00 2001
From: Anton Tranelis <mail@antontranelis.de>
Date: Sat, 24 Feb 2024 11:07:21 +0100
Subject: [PATCH] some profile layouting

---
 src/Components/Profile/OverlayProfile.tsx | 8 ++++----
 src/Components/Profile/TagsWidget.tsx     | 2 +-
 src/Components/Templates/TagView.tsx      | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/Components/Profile/OverlayProfile.tsx b/src/Components/Profile/OverlayProfile.tsx
index fea7ad4a..ea299232 100644
--- a/src/Components/Profile/OverlayProfile.tsx
+++ b/src/Components/Profile/OverlayProfile.tsx
@@ -91,13 +91,13 @@ export function OverlayProfile() {
 
                     <div role="tablist" className="tw-tabs tw-tabs-lifted tw-mt-2 tw-mb-2">
                         <input type="radio" name="my_tabs_2" role="tab" className={`tw-tab  [--tab-border-color:var(--fallback-bc,oklch(var(--bc)/0.2))]`} aria-label="Vision" checked={activeTab == 1 && true} onChange={() => setActiveTab(1)} />
-                        <div role="tabpanel" className="tw-tab-content tw-bg-base-100 tw-rounded-box tw-h-[calc(100dvh-268px)] tw-min-h-56 tw-overflow-y-auto fade  tw-pb-1">
+                        <div role="tabpanel" className="tw-tab-content tw-bg-base-100 tw-rounded-box tw-h-[calc(100dvh-268px)] tw-overflow-y-auto fade tw-pt-2 tw-pb-1">
                             <TextView item={item} />
                         </div>
 
                         <input type="radio" name="my_tabs_2" role="tab" className="tw-tab tw-min-w-[10em] [--tab-border-color:var(--fallback-bc,oklch(var(--bc)/0.2))]" aria-label="Offers & Needs" checked={activeTab == 2 && true} onChange={() => setActiveTab(2)} />
-                        <div role="tabpanel" className="tw-tab-content tw-bg-base-100  tw-rounded-box tw-pt-2 tw-h-[calc(100dvh-268px)] tw-min-h-56 tw-overflow-y-auto fade tw-pb-1" >
-                            <div className='tw-h-full tw-overflow-y-auto'>
+                        <div role="tabpanel" className="tw-tab-content tw-bg-base-100  tw-rounded-box tw-h-[calc(100dvh-268px)] tw-overflow-y-auto fade tw-pt-4 tw-pb-1" >
+                            <div className='tw-h-full'>
                             <div className='tw-grid tw-grid-cols-1'>
                             {
                                 offers.length > 0 ?
@@ -126,7 +126,7 @@ export function OverlayProfile() {
                         </div>
 
                         <input type="radio" name="my_tabs_2" role="tab" className="tw-tab  [--tab-border-color:var(--fallback-bc,oklch(var(--bc)/0.2))]" aria-label="Contact" checked={activeTab == 3 && true} onChange={() => setActiveTab(3)} />
-                        <div role="tabpanel" className="tw-tab-content tw-bg-base-100 tw-rounded-box tw-h-[calc(100dvh-268px)] tw-min-h-56 tw-overflow-y-auto fade  tw-pb-1">
+                        <div role="tabpanel" className="tw-tab-content tw-bg-base-100 tw-rounded-box tw-h-[calc(100dvh-268px)] tw-overflow-y-auto fade tw-pt-2 tw-pb-1">
                             <TextView item={item} itemTextField='user_created.contact' />
                         </div>
                     </div>
diff --git a/src/Components/Profile/TagsWidget.tsx b/src/Components/Profile/TagsWidget.tsx
index d3a359a6..55a6992b 100644
--- a/src/Components/Profile/TagsWidget.tsx
+++ b/src/Components/Profile/TagsWidget.tsx
@@ -85,7 +85,7 @@ export const TagsWidget = ({placeholder, containerStyle, defaultTags, onUpdate})
         <div key={tag.name} className='tw-rounded-2xl tw-text-white tw-p-2 tw-px-4 tw-shadow-xl tw-card tw-h-[2.75em] tw-mt-3 tw-mr-4' style={{ backgroundColor: tag.color ? tag.color : "#666" }}>
           <div className="tw-card-actions tw-justify-end">
             <label className="tw-btn tw-btn-xs tw-btn-circle tw-absolute tw--right-2 tw--top-2 tw-bg-white tw-text-gray-600" onClick={() => (deleteTag(tag))}>✕</label>
-          </div><b>#{decodeTag(tag.name)}</b>
+          </div><b>{decodeTag(tag.name)}</b>
         </div>
 
       ))}
diff --git a/src/Components/Templates/TagView.tsx b/src/Components/Templates/TagView.tsx
index acb7a32e..b560b71d 100644
--- a/src/Components/Templates/TagView.tsx
+++ b/src/Components/Templates/TagView.tsx
@@ -8,7 +8,7 @@ export const TagView = ({tag, heighlight, onClick} : {tag: Tag, heighlight?: boo
 
     <div key={tag.name} onClick={onClick} className={`tw-rounded-2xl tw-text-white tw-p-2 tw-px-4 tw-shadow-xl tw-card tw-h-[2.75em] tw-mt-3 tw-mr-4 tw-cursor-pointer tw-w-fit ${heighlight && 'tw-border-primary tw-shadow-te-primary'}`} style={{ backgroundColor: tag.color ? tag.color : "#666" }}>
       <div className="tw-card-actions tw-justify-end">
-      </div><b>#{decodeTag(tag.name)}</b>
+      </div><b>{decodeTag(tag.name)}</b>
     </div>
 
   )