updated design consistency

This commit is contained in:
Ren Amamiya 2023-02-23 09:24:27 +07:00
parent eae708e07c
commit 43366ea623
3 changed files with 7 additions and 5 deletions

View File

@ -6,12 +6,14 @@ import PlusIcon from '@assets/icons/Plus';
export default function NavigatorBar() {
return (
<div className="flex h-full flex-col flex-wrap justify-between overflow-hidden px-2 pt-12 pb-4">
<div className="flex h-full flex-col flex-wrap justify-between overflow-hidden px-2 pt-3 pb-4">
{/* main */}
<div className="flex flex-col gap-4">
{/* Create post */}
<div className="flex flex-col gap-2">
<CreatePost />
<div className="flex flex-col gap-2 rounded-lg bg-zinc-900 ring-1 ring-white/10">
<div className="p-2">
<CreatePost />
</div>
</div>
{/* Newsfeed */}
<div className="flex flex-col gap-2">

View File

@ -4,7 +4,7 @@ import Image from 'next/image';
export default function ImageCard({ data }: { data: object }) {
return (
<div className={`relative mt-2 flex flex-col overflow-hidden`}>
<div className="relative h-full w-2/3 rounded-lg border border-zinc-800">
<div className="relative h-full w-full rounded-lg border border-zinc-800">
<Image
src={data['image']}
alt={data['image']}

View File

@ -49,7 +49,7 @@ export function Thread({ data }: { data: any }) {
}}
overscan={800}
increaseViewportBy={1000}
className="scrollbar-hide relative h-full w-full"
className="scrollbar-hide relative h-full w-full rounded-lg"
style={{
contain: 'strict',
}}