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';
|
import { TEMA } from '../bin/val_global';
|
||||||
|
|
||||||
export default function NotificationCustomeCenter({ title, desc, onClick }: { title: string, desc: string, onClick: (val: string) => void, }) {
|
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)
|
const tema = useHookstate(TEMA)
|
||||||
|
|
||||||
useShallowEffect(() => {
|
useShallowEffect(() => {
|
||||||
@@ -72,7 +72,15 @@ export default function NotificationCustomeCenter({ title, desc, onClick }: { ti
|
|||||||
/>
|
/>
|
||||||
<Text size="xl" fw={500} ta="center">PENGUMUMAN</Text>
|
<Text size="xl" fw={500} ta="center">PENGUMUMAN</Text>
|
||||||
<Text size="sm" ta="center">{desc}</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
|
<Button
|
||||||
fullWidth
|
fullWidth
|
||||||
radius="md"
|
radius="md"
|
||||||
@@ -93,6 +101,8 @@ export default function NotificationCustomeCenter({ title, desc, onClick }: { ti
|
|||||||
>
|
>
|
||||||
Tandai Telah Dibaca
|
Tandai Telah Dibaca
|
||||||
</Button>
|
</Button>
|
||||||
|
{/* </>
|
||||||
|
} */}
|
||||||
</SimpleGrid>
|
</SimpleGrid>
|
||||||
</Flex>
|
</Flex>
|
||||||
</Box>
|
</Box>
|
||||||
|
|||||||
Reference in New Issue
Block a user