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();
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>
<div className="tw-mt-4 tw-flex tw-items-center">
{avatar && (

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

@ -316,7 +316,7 @@ export function OverlayItemProfile({ userType }: { userType: string }) {
)}
{/* 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'} />
</div>
@ -324,7 +324,7 @@ export function OverlayItemProfile({ userType }: { userType: string }) {
{item.next_appointment && (
<div className="tw-my-10 tw-px-6">
<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} />
</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'>
{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>}
{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>

2
src/index.css
View File

@ -3,7 +3,7 @@
@tailwind utilities;
.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 {