npease/ChatMaps
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 7 Wiki Activity

Fix for display sizing

Browse Source
This commit is contained in:
Nicholas Pease
2024-03-28 02:49:37 +00:00
parent ced20c16c5
commit e50062f615
2 changed files with 11 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend-next/src/app/user/[stub]/page.js
+2 -2
View File
@@ -175,8 +175,8 @@ function Home({ params }) {
</div>
)}
</div>
<div className="col-span-2 ">
<div className="grid grid-flow-col-dense auto-cols-auto pl-5">
<div className="col-span-2">
<div className="grid grid-cols-3 gap-y-1 pl-5 gap-1 h-[100%] w-[100%]">
{userRoomsArray}
</div>
</div>
frontend-next/src/components/app/datatypes.js
+9 -11
View File
@@ -149,17 +149,15 @@ export function Interest({interest}) {
export function ProfileRoom({room}) {
return (
<div className="gap-x-5">
<div className="rounded-lg p-2 shadow-xl bg-white h-[250px] w-[350px] grow-0">
<div className="relative z-1 h-[235px] opacity-50">
<Geo loc={{"latitude": room.latitude, "longitude": room.longitude}} zoom={12} locMarker={false}/>
</div>
<div className="relative z-2 top-[-235px] text-left p-2">
<div className="text-2xl font-bold">{room.name}</div>
<div>{room.description}</div>
<div>Created on {new Date(room.timestamp).toLocaleString(dateOptions)}</div>
<a href={"/app?room="+room.path+"/"+room.name+"-"+room.timestamp} className="absolute z-2 top-[190px] w-[108px] p-2 cursor-pointer bg-[#dee0e0] bg-cyan-500 text-white font-bold rounded-full mr-5 flex items-center">Open Room</a>
</div>
<div className="rounded-lg p-2 shadow-xl bg-white h-[250px] w-[325px]">
<div className="relative z-1 h-[235px] opacity-50">
<Geo loc={{"latitude": room.latitude, "longitude": room.longitude}} zoom={12} locMarker={false}/>
</div>
<div className="relative z-2 top-[-235px] text-left p-2">
<div className="text-2xl font-bold">{room.name}</div>
<div>{room.description}</div>
<div>Created on {new Date(room.timestamp).toLocaleString(dateOptions)}</div>
<a href={"/app?room="+room.path+"/"+room.name+"-"+room.timestamp} className="absolute z-2 top-[190px] w-[108px] p-2 cursor-pointer bg-[#dee0e0] bg-cyan-500 text-white font-bold rounded-full flex items-center">Open Room</a>
</div>
</div>
)