style: sidebarNav humas

This commit is contained in:
amd123 2024-04-02 14:09:07 +07:00
parent 8f9296965e
commit 76cc75f449
5 changed files with 29 additions and 5 deletions

View File

@ -1,4 +1,4 @@
import { LinkIcon, ScrollShadow } from '@nextui-org/react'
import { Button, LinkIcon, ScrollShadow } from '@nextui-org/react'
import React from 'react'
import { EyeIcon } from '../icons'
import Image from 'next/image'
@ -8,11 +8,22 @@ export default function SidebarNav() {
return (
<>
<div className='space-y-4'>
<div className='text-xl font-semibold underline underline-offset-4 decoration-red-600 '>
SERTIFIKAT ISO 9001:2015
</div>
<div className='h-[370px] text-white rounded-md'>
<Image height={200} width={380} src="/sertifikat.png" alt="publikasi" />
</div>
<div className='text-xl font-semibold underline underline-offset-4 decoration-red-600 '>
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='h-[410px] p-2 bg-[#020101] text-white rounded-md border-2 border-white'>
<ScrollShadow hideScrollBar className=" h-[345px]">
<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>
@ -34,8 +45,15 @@ export default function SidebarNav() {
<p className='flex items-center gap-1'><EyeIcon />82</p>
</div>
</ScrollShadow>
<Button
className='w-full bg-[#DD8306] font-bold rounded-bl-md rounded-br-md focus:outline-none'
radius='none'
>
Lihat Semua
</Button>
</div>
<div className='text-xl font-semibold underline underline-offset-4 decoration-red-600'>Publikasi
<div className='text-xl font-semibold underline underline-offset-4 decoration-red-600'>
Publikasi
<div className='flex flex-col gap-3 pt-3'>
<Image height={200} width={400} src="/publikasi1.png" alt="publikasi" />
<Image height={200} width={400} src="/publikasi2.png" alt="publikasi" />
@ -55,6 +73,9 @@ export default function SidebarNav() {
</div>
<div className='text-xl font-semibold underline underline-offset-4 decoration-red-600'>Channel Humas Polri
<div className='flex flex-col gap-3 m-10'>
<Link href='https://portal.humas.polri.go.id/library' target='_blank'>
<Image height={100} width={300} src="/portal-humas1.png" alt="humas-polri" />
</Link>
<Link href='https://mediahub.polri.go.id/' target='_blank'>
<Image height={100} width={300} src="/humas1.png" alt="humas-polri" />
</Link>
@ -64,9 +85,12 @@ export default function SidebarNav() {
<Link href='https://tvradio.polri.go.id/' target='_blank'>
<Image height={100} width={300} src="/humas3.png" alt="humas-polri" />
</Link>
<Link href='https://tribratanews.polri.go.id/' target='_blank' className='border-2 rounded-md shadow-md'>
<Link href='https://tribratanews.polri.go.id/' target='_blank' className='border-2 rounded-md shadow-sm'>
<Image height={100} width={300} src="/humas4.png" alt="humas-polri" />
</Link>
<Link href='https://inp.polri.go.id/' target='_blank' className='border-2 rounded-md shadow-sm px-2'>
<Image height={100} width={300} src="/humas5.png" alt="humas-polri" />
</Link>
</div>
</div>
</div>

BIN
public/humas5.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

BIN
public/portal-humas.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

BIN
public/portal-humas1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

BIN
public/sertifikat.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 83 KiB