web-humas-fe/components/layout/portal-ppid/MediaUpdate.tsx

72 lines
2.8 KiB
TypeScript

import { EyeIcon } from "@/components/icons";
import { ScrollShadow } from "@heroui/react";
import React from "react";
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>
);
}