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

layout fix

Browse Source
This commit is contained in:
Anton Tranelis 2024-07-16 15:58:21 +02:00
parent e745252f10
commit 6724bf4f0a
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -60,9 +60,11 @@ const ContactInfo = ({ email, telephone, name, avatar, link }: { email: string,
export default ContactInfo; export default ContactInfo;
const ConditionalLink = ({ url, children }) => { const ConditionalLink = ({ url, children }) => {
let params = new URLSearchParams(window.location.search);
if (url) { if (url) {
return ( return (
<Link to={url}> <Link to={url+"/"+params}>
{children} {children}
</Link> </Link>
); );

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

@ -289,6 +289,8 @@ export function OverlayItemProfile({ userType }: { userType: string }) {
setTemplate(item.layer?.itemType.template || userType); setTemplate(item.layer?.itemType.template || userType);
}, [userType, item]) }, [userType, item])
return ( return (
<> <>
{item && {item &&
@ -413,7 +415,7 @@ export function OverlayItemProfile({ userType }: { userType: string }) {
<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="Relations" checked={activeTab == 7 && true} onChange={() => updateActiveTab(7)} /> <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="Relations" checked={activeTab == 7 && true} onChange={() => updateActiveTab(7)} />
<div role="tabpanel" className="tw-tab-content tw-bg-base-100 tw-rounded-box tw-h-[calc(100dvh-280px)] tw-overflow-y-auto tw-pt-4 tw-pb-1 -tw-mr-4 -tw-mb-4 tw-overflow-x-hidden"> <div role="tabpanel" className="tw-tab-content tw-bg-base-100 tw-rounded-box tw-h-[calc(100dvh-280px)] tw-overflow-y-auto tw-pt-4 tw-pb-1 -tw-mr-4 -tw-mb-4 tw-overflow-x-hidden">
<div className='tw-h-full'> <div className='tw-h-full'>
<div className='tw-grid tw-grid-cols-1 sm:tw-grid-cols-2 md:tw-grid-cols-1 lg:tw-grid-cols-1 xl:tw-grid-cols-1 2xl:tw-grid-cols-2'> <div className='tw-grid tw-grid-cols-1 sm:tw-grid-cols-2 md:tw-grid-cols-1 lg:tw-grid-cols-1 xl:tw-grid-cols-1 2xl:tw-grid-cols-2 tw-pb-4'>
{relations && relations.map(i => {relations && relations.map(i =>