doot/TAO
1
0
Fork 0
mirror of https://github.com/smolgrrr/TAO.git synced 2024-09-20 09:21:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

quick fix image upload sizing

Browse Source
This commit is contained in:
smolgrrr 2023-11-04 00:22:24 +11:00
parent 4b3aa19874
commit 4fc156b744
2 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
client/src/components/PostCard/NewThreadCard.tsx
View File

@ -127,6 +127,14 @@ const NewThreadCard: React.FC = () => {
value={comment} value={comment}
onChange={(e) => setComment(e.target.value)} onChange={(e) => setComment(e.target.value)}
/> />
<div className="relative">
{file !== "" && (
<button onClick={() => setFile("")}>
<XCircleIcon className="h-10 w-10 absolute shadow z-100 text-blue-500" />
</button>
)}
{renderMedia(file)}
</div>
<div className="h-14 flex items-center justify-between"> <div className="h-14 flex items-center justify-between">
<div className="inline-flex items-center gap-2 bg-neutral-800 px-1.5 py-1 rounded-lg"> <div className="inline-flex items-center gap-2 bg-neutral-800 px-1.5 py-1 rounded-lg">
<div className="inline-flex items-center gap-1.5 text-neutral-300"> <div className="inline-flex items-center gap-1.5 text-neutral-300">
@ -137,14 +145,6 @@ const NewThreadCard: React.FC = () => {
</p> </p>
</div> </div>
<div> <div>
<div className="relative">
{file !== "" && (
<button onClick={() => setFile("")}>
<XCircleIcon className="h-10 w-10 absolute shadow z-100 text-blue-500" />
</button>
)}
{renderMedia(file)}
</div>
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
<div className="flex items-center"> <div className="flex items-center">
<ArrowUpTrayIcon <ArrowUpTrayIcon

16
client/src/components/Thread/ThreadPost.tsx
View File

@ -142,6 +142,14 @@ const ThreadPost = ({ OPEvent, state, type }: { OPEvent: NostrEvent, state: Bool
onChange={(e) => setComment(e.target.value)} onChange={(e) => setComment(e.target.value)}
/> />
</div> </div>
<div className="relative">
{file !== "" && (
<button onClick={() => setFile("")}>
<XCircleIcon className="h-10 w-10 absolute shadow z-100 text-blue-500" />
</button>
)}
{renderMedia(file)}
</div>
<div className="h-14 flex items-center justify-between"> <div className="h-14 flex items-center justify-between">
<div className="inline-flex items-center gap-2 bg-neutral-800 px-1.5 py-1 rounded-lg"> <div className="inline-flex items-center gap-2 bg-neutral-800 px-1.5 py-1 rounded-lg">
<div className="inline-flex items-center gap-1.5 text-neutral-300"> <div className="inline-flex items-center gap-1.5 text-neutral-300">
@ -152,14 +160,6 @@ const ThreadPost = ({ OPEvent, state, type }: { OPEvent: NostrEvent, state: Bool
</p> </p>
</div> </div>
<div> <div>
<div className="relative">
{file !== "" && (
<button onClick={() => setFile("")}>
<XCircleIcon className="h-10 w-10 absolute shadow z-100 text-blue-500" />
</button>
)}
{renderMedia(file)}
</div>
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
<div className="flex items-center"> <div className="flex items-center">
<ArrowUpTrayIcon <ArrowUpTrayIcon