antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2025-12-13 07:46:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

optimized wc profiles for darkmode

Browse Source
This commit is contained in:
Anton Tranelis 2024-07-21 22:52:36 +02:00
parent 1f5cd0254a
commit ab1e164f81
4 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/Components/Profile/ContactInfo.tsx
View File

@ -5,7 +5,7 @@ const ContactInfo = ({ email, telephone, name, avatar, link }: { email: string,
const assetsApi = useAssetApi(); const assetsApi = useAssetApi();
return ( return (
<div className="tw-bg-gray-100 tw-mb-6 tw-mt-6 tw-p-6"> <div className="tw-bg-base-200 tw-mb-6 tw-mt-6 tw-p-6">
<h2 className="tw-text-lg tw-font-semibold">Du hast Fragen?</h2> <h2 className="tw-text-lg tw-font-semibold">Du hast Fragen?</h2>
<div className="tw-mt-4 tw-flex tw-items-center"> <div className="tw-mt-4 tw-flex tw-items-center">
{avatar && ( {avatar && (

4
src/Components/Profile/OverlayItemProfile.tsx
View File

@ -316,7 +316,7 @@ export function OverlayItemProfile({ userType }: { userType: string }) {
)} )}
{/* Description Section */} {/* Description Section */}
<div className="tw-my-10 tw-mt-2 tw-px-6 tw-text-sm tw-text-gray-600"> <div className="tw-my-10 tw-mt-2 tw-px-6 tw-text-sm ">
<TextView rawText={item.text || 'Keine Beschreibung vorhanden'} /> <TextView rawText={item.text || 'Keine Beschreibung vorhanden'} />
</div> </div>
@ -324,7 +324,7 @@ export function OverlayItemProfile({ userType }: { userType: string }) {
{item.next_appointment && ( {item.next_appointment && (
<div className="tw-my-10 tw-px-6"> <div className="tw-my-10 tw-px-6">
<h2 className="tw-text-lg tw-font-semibold">Nächste Termine</h2> <h2 className="tw-text-lg tw-font-semibold">Nächste Termine</h2>
<div className="tw-mt-2 tw-text-sm tw-text-gray-600"> <div className="tw-mt-2 tw-text-sm">
<TextView rawText={item.next_appointment} /> <TextView rawText={item.next_appointment} />
</div> </div>
</div> </div>

4
src/Components/Profile/ProfileSubHeader.tsx
View File

@ -29,10 +29,10 @@ const SubHeader = ({ type, status, url, title }) => (
<div className='tw-float-left tw-mt-2 tw-mb-4 tw-flex tw-items-center'> <div className='tw-float-left tw-mt-2 tw-mb-4 tw-flex tw-items-center'>
{status && <div className="tw-mt-1.5"> {status && <div className="tw-mt-1.5">
<span className="tw-text-sm tw-text-gray-600 tw-bg-slate-200 tw-rounded tw-py-0.5 tw-px-2 tw-inline-flex tw-items-center tw-mr-2"><span className={`tw-w-2 tw-h-2 ${ status=="in_planning" && "tw-bg-blue-700"} ${ status=="paused" && "tw-bg-orange-400"} ${ status=="active" && "tw-bg-green-500"} tw-rounded-full tw-mr-1.5`}></span>{statusMapping[status]}</span> <span className="tw-text-sm tw-text-current tw-bg-base-300 tw-rounded tw-py-0.5 tw-px-2 tw-inline-flex tw-items-center tw-mr-2"><span className={`tw-w-2 tw-h-2 ${ status=="in_planning" && "tw-bg-blue-700"} ${ status=="paused" && "tw-bg-orange-400"} ${ status=="active" && "tw-bg-green-500"} tw-rounded-full tw-mr-1.5`}></span>{statusMapping[status]}</span>
</div>} </div>}
{type && <div className="tw-mt-1.5"> {type && <div className="tw-mt-1.5">
<span className="tw-text-sm tw-text-gray-600 tw-bg-slate-200 tw-rounded tw-py-1 tw-px-2">{type}</span> <span className="tw-text-sm tw-text-current tw-bg-base-300 tw-rounded tw-py-1 tw-px-2">{type}</span>
</div>} </div>}
</div> </div>
<div> <div>

2
src/index.css
View File

@ -3,7 +3,7 @@
@tailwind utilities; @tailwind utilities;
.fade { .fade {
mask-image: linear-gradient(180deg, transparent, #000 2%, #000 98%, transparent); mask-image: linear-gradient(180deg, transparent, #000 1%, #000 99%, transparent);
} }
.tw-modal { .tw-modal {