admin 임시 리스트 생성성
This commit is contained in:
@@ -5,8 +5,8 @@ import Image from 'next/image';
|
||||
import { useState, useEffect } from 'react';
|
||||
import { useRouter } from 'next/navigation';
|
||||
import logo from '../logo.svg';
|
||||
|
||||
const checkIcon = "http://localhost:3845/assets/68720b08a673d8b68ae6482d642eeab286c9462b.svg";
|
||||
import CheckboxOff from '../../public/svg/checkbox_off';
|
||||
import CheckboxOn from '../../public/svg/checkbox_on';
|
||||
|
||||
type CheckboxProps = {
|
||||
checked: boolean;
|
||||
@@ -20,18 +20,9 @@ function Checkbox({ checked, onChange, label }: CheckboxProps) {
|
||||
<button
|
||||
type="button"
|
||||
onClick={onChange}
|
||||
className="relative w-[18px] h-[18px] rounded-[4px]"
|
||||
className="relative w-[18px] h-[18px] flex items-center justify-center"
|
||||
>
|
||||
{checked ? (
|
||||
<>
|
||||
<div className="absolute bg-[#515151] left-0 rounded-[4px] w-[18px] h-[18px] top-0" />
|
||||
<div className="absolute left-[3px] w-3 h-3 top-[3px]">
|
||||
<img alt="" className="block max-w-none w-full h-full" src={checkIcon} />
|
||||
</div>
|
||||
</>
|
||||
) : (
|
||||
<div className="absolute border border-[#b9b9b9] border-solid left-0 rounded-[4px] w-[18px] h-[18px] top-0" />
|
||||
)}
|
||||
{checked ? <CheckboxOn /> : <CheckboxOff />}
|
||||
</button>
|
||||
<span className="text-sm text-[#515151] leading-[1.6]">{label}</span>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user