46 lines
2.8 KiB
TypeScript
46 lines
2.8 KiB
TypeScript
import { ScrollShadow } from '@nextui-org/react'
|
|
import React from 'react'
|
|
import { EyeIcon } from '../icons'
|
|
|
|
export default function MediaUpdate() {
|
|
return (
|
|
<div className='p-1 md:p-4 text-black lg:flex gap-5'>
|
|
<div className='w-full lg:w-1/2'>
|
|
<p className='text-lg font-semibold underline underline-offset-4 decoration-red-600 pb-2'>TV Polri</p>
|
|
<div className='h-[360px] border-2 border-red-700'></div>
|
|
</div>
|
|
<div className='w-auto lg:w-1/2 '>
|
|
<div>
|
|
<div className='text-lg font-semibold underline underline-offset-4 decoration-red-600 pb-2'>
|
|
Media Update
|
|
</div>
|
|
<div className='h-[360px] p-2 bg-[#020101] text-white rounded-md border-2 border-white'>
|
|
<ScrollShadow hideScrollBar className=" h-[343px]">
|
|
<div className='text-xs text-left m-2 p-2 bg-[#1E1616] rounded-md'>
|
|
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
|
|
<p className='py-[2px]'>21-07-2023 13:50</p>
|
|
<p className='flex items-center gap-1'><EyeIcon />82</p>
|
|
</div>
|
|
<div className='text-xs text-left m-2 p-2 bg-[#1E1616] rounded-md'>
|
|
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
|
|
<p className='py-[2px]'>21-07-2023 13:50</p>
|
|
<p className='flex items-center gap-1'><EyeIcon />82</p>
|
|
</div>
|
|
<div className='text-xs text-left m-2 p-2 bg-[#1E1616] rounded-md'>
|
|
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
|
|
<p className='py-[2px]'>21-07-2023 13:50</p>
|
|
<p className='flex items-center gap-1'><EyeIcon />82</p>
|
|
</div>
|
|
<div className='text-xs text-left m-2 p-2 bg-[#1E1616] rounded-md'>
|
|
<p>Pelihara Kondusifitas Kamtibmas, Personel Polsek Sayan Sambangi Warganya yang Masih Beraktifitas Pada Malam Hari</p>
|
|
<p className='py-[2px]'>21-07-2023 13:50</p>
|
|
<p className='flex items-center gap-1'><EyeIcon />82</p>
|
|
</div>
|
|
</ScrollShadow>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|