upd: notifikasi pengumuman
Deskripsi: - responsive button pada notifikasi pengumuman No Issuesf
This commit is contained in:
@@ -7,7 +7,7 @@ import { IoCloseOutline } from 'react-icons/io5';
|
||||
import { TEMA } from '../bin/val_global';
|
||||
|
||||
export default function NotificationCustomeCenter({ title, desc, onClick }: { title: string, desc: string, onClick: (val: string) => void, }) {
|
||||
const [opened, setOpened] = useState(false);
|
||||
const [opened, setOpened] = useState(false)
|
||||
const tema = useHookstate(TEMA)
|
||||
|
||||
useShallowEffect(() => {
|
||||
@@ -72,7 +72,15 @@ export default function NotificationCustomeCenter({ title, desc, onClick }: { ti
|
||||
/>
|
||||
<Text size="xl" fw={500} ta="center">PENGUMUMAN</Text>
|
||||
<Text size="sm" ta="center">{desc}</Text>
|
||||
<SimpleGrid cols={2} spacing="xs" w={'90%'}>
|
||||
<SimpleGrid
|
||||
cols={{ base: 1, sm: 2, lg: 2 }}
|
||||
spacing="xs"
|
||||
w={'90%'}>
|
||||
{/* {
|
||||
isMobile
|
||||
? <></>
|
||||
:
|
||||
<> */}
|
||||
<Button
|
||||
fullWidth
|
||||
radius="md"
|
||||
@@ -93,6 +101,8 @@ export default function NotificationCustomeCenter({ title, desc, onClick }: { ti
|
||||
>
|
||||
Tandai Telah Dibaca
|
||||
</Button>
|
||||
{/* </>
|
||||
} */}
|
||||
</SimpleGrid>
|
||||
</Flex>
|
||||
</Box>
|
||||
|
||||
Reference in New Issue
Block a user