235 lines
11 KiB
TypeScript
235 lines
11 KiB
TypeScript
|
// todo: use components from Input.tsx
|
||
|
|
export const AdminSetting = () => {
|
||
|
|
return (
|
||
|
|
<div className='IBMSMSplitMainFullSideFWMid'>
|
||
|
|
<div className='IBMSMSplitMainFullSideSec'>
|
||
|
|
<div className='IBMSMSMBS_Write'>
|
||
|
|
<div className='inputLabelWrapperMain'>
|
||
|
|
<div className='labelWrapperMain'>
|
||
|
|
<p className='labelMain'>Slider Featured Mods</p>
|
||
|
|
<button className='btn btnMain btnMainAdd' type='button'>
|
||
|
|
<svg
|
||
|
|
xmlns='http://www.w3.org/2000/svg'
|
||
|
|
viewBox='-32 0 512 512'
|
||
|
|
width='1em'
|
||
|
|
height='1em'
|
||
|
|
fill='currentColor'
|
||
|
|
>
|
||
|
|
<path d='M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z'></path>
|
||
|
|
</svg>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<div className='inputWrapperMain'>
|
||
|
|
<input
|
||
|
|
type='text'
|
||
|
|
className='inputMain'
|
||
|
|
inputMode='url'
|
||
|
|
placeholder='Note ID'
|
||
|
|
/>
|
||
|
|
<button className='btn btnMain btnMainRemove' type='button'>
|
||
|
|
<svg
|
||
|
|
xmlns='http://www.w3.org/2000/svg'
|
||
|
|
viewBox='-32 0 512 512'
|
||
|
|
width='1em'
|
||
|
|
height='1em'
|
||
|
|
fill='currentColor'
|
||
|
|
>
|
||
|
|
<path d='M135.2 17.69C140.6 6.848 151.7 0 163.8 0H284.2C296.3 0 307.4 6.848 312.8 17.69L320 32H416C433.7 32 448 46.33 448 64C448 81.67 433.7 96 416 96H32C14.33 96 0 81.67 0 64C0 46.33 14.33 32 32 32H128L135.2 17.69zM394.8 466.1C393.2 492.3 372.3 512 346.9 512H101.1C75.75 512 54.77 492.3 53.19 466.1L31.1 128H416L394.8 466.1z'></path>
|
||
|
|
</svg>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<div className='inputWrapperMain'>
|
||
|
|
<input
|
||
|
|
type='text'
|
||
|
|
className='inputMain'
|
||
|
|
inputMode='url'
|
||
|
|
placeholder='Note ID'
|
||
|
|
/>
|
||
|
|
<button className='btn btnMain btnMainRemove' type='button'>
|
||
|
|
<svg
|
||
|
|
xmlns='http://www.w3.org/2000/svg'
|
||
|
|
viewBox='-32 0 512 512'
|
||
|
|
width='1em'
|
||
|
|
height='1em'
|
||
|
|
fill='currentColor'
|
||
|
|
>
|
||
|
|
<path d='M135.2 17.69C140.6 6.848 151.7 0 163.8 0H284.2C296.3 0 307.4 6.848 312.8 17.69L320 32H416C433.7 32 448 46.33 448 64C448 81.67 433.7 96 416 96H32C14.33 96 0 81.67 0 64C0 46.33 14.33 32 32 32H128L135.2 17.69zM394.8 466.1C393.2 492.3 372.3 512 346.9 512H101.1C75.75 512 54.77 492.3 53.19 466.1L31.1 128H416L394.8 466.1z'></path>
|
||
|
|
</svg>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className='inputLabelWrapperMain'>
|
||
|
|
<div className='labelWrapperMain'>
|
||
|
|
<p className='labelMain'>Featured Games</p>
|
||
|
|
<button className='btn btnMain btnMainAdd' type='button'>
|
||
|
|
<svg
|
||
|
|
xmlns='http://www.w3.org/2000/svg'
|
||
|
|
viewBox='-32 0 512 512'
|
||
|
|
width='1em'
|
||
|
|
height='1em'
|
||
|
|
fill='currentColor'
|
||
|
|
>
|
||
|
|
<path d='M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z'></path>
|
||
|
|
</svg>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<div className='inputWrapperMain'>
|
||
|
|
<input
|
||
|
|
type='text'
|
||
|
|
className='inputMain'
|
||
|
|
inputMode='url'
|
||
|
|
placeholder='Game name'
|
||
|
|
value='Witcher 3: Wild Hunt'
|
||
|
|
/>
|
||
|
|
<button className='btn btnMain btnMainRemove' type='button'>
|
||
|
|
<svg
|
||
|
|
xmlns='http://www.w3.org/2000/svg'
|
||
|
|
viewBox='-32 0 512 512'
|
||
|
|
width='1em'
|
||
|
|
height='1em'
|
||
|
|
fill='currentColor'
|
||
|
|
>
|
||
|
|
<path d='M135.2 17.69C140.6 6.848 151.7 0 163.8 0H284.2C296.3 0 307.4 6.848 312.8 17.69L320 32H416C433.7 32 448 46.33 448 64C448 81.67 433.7 96 416 96H32C14.33 96 0 81.67 0 64C0 46.33 14.33 32 32 32H128L135.2 17.69zM394.8 466.1C393.2 492.3 372.3 512 346.9 512H101.1C75.75 512 54.77 492.3 53.19 466.1L31.1 128H416L394.8 466.1z'></path>
|
||
|
|
</svg>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<div className='inputWrapperMain'>
|
||
|
|
<input
|
||
|
|
type='text'
|
||
|
|
className='inputMain'
|
||
|
|
inputMode='url'
|
||
|
|
placeholder='Game name'
|
||
|
|
/>
|
||
|
|
<button className='btn btnMain btnMainRemove' type='button'>
|
||
|
|
<svg
|
||
|
|
xmlns='http://www.w3.org/2000/svg'
|
||
|
|
viewBox='-32 0 512 512'
|
||
|
|
width='1em'
|
||
|
|
height='1em'
|
||
|
|
fill='currentColor'
|
||
|
|
>
|
||
|
|
<path d='M135.2 17.69C140.6 6.848 151.7 0 163.8 0H284.2C296.3 0 307.4 6.848 312.8 17.69L320 32H416C433.7 32 448 46.33 448 64C448 81.67 433.7 96 416 96H32C14.33 96 0 81.67 0 64C0 46.33 14.33 32 32 32H128L135.2 17.69zM394.8 466.1C393.2 492.3 372.3 512 346.9 512H101.1C75.75 512 54.77 492.3 53.19 466.1L31.1 128H416L394.8 466.1z'></path>
|
||
|
|
</svg>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className='inputLabelWrapperMain'>
|
||
|
|
<div className='labelWrapperMain'>
|
||
|
|
<p className='labelMain'>Featured Mods</p>
|
||
|
|
<button className='btn btnMain btnMainAdd' type='button'>
|
||
|
|
<svg
|
||
|
|
xmlns='http://www.w3.org/2000/svg'
|
||
|
|
viewBox='-32 0 512 512'
|
||
|
|
width='1em'
|
||
|
|
height='1em'
|
||
|
|
fill='currentColor'
|
||
|
|
>
|
||
|
|
<path d='M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z'></path>
|
||
|
|
</svg>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<div className='inputWrapperMain'>
|
||
|
|
<input
|
||
|
|
type='text'
|
||
|
|
className='inputMain'
|
||
|
|
inputMode='url'
|
||
|
|
placeholder='Note ID'
|
||
|
|
/>
|
||
|
|
<button className='btn btnMain btnMainRemove' type='button'>
|
||
|
|
<svg
|
||
|
|
xmlns='http://www.w3.org/2000/svg'
|
||
|
|
viewBox='-32 0 512 512'
|
||
|
|
width='1em'
|
||
|
|
height='1em'
|
||
|
|
fill='currentColor'
|
||
|
|
>
|
||
|
|
<path d='M135.2 17.69C140.6 6.848 151.7 0 163.8 0H284.2C296.3 0 307.4 6.848 312.8 17.69L320 32H416C433.7 32 448 46.33 448 64C448 81.67 433.7 96 416 96H32C14.33 96 0 81.67 0 64C0 46.33 14.33 32 32 32H128L135.2 17.69zM394.8 466.1C393.2 492.3 372.3 512 346.9 512H101.1C75.75 512 54.77 492.3 53.19 466.1L31.1 128H416L394.8 466.1z'></path>
|
||
|
|
</svg>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<div className='inputWrapperMain'>
|
||
|
|
<input
|
||
|
|
type='text'
|
||
|
|
className='inputMain'
|
||
|
|
inputMode='url'
|
||
|
|
placeholder='Note ID'
|
||
|
|
/>
|
||
|
|
<button className='btn btnMain btnMainRemove' type='button'>
|
||
|
|
<svg
|
||
|
|
xmlns='http://www.w3.org/2000/svg'
|
||
|
|
viewBox='-32 0 512 512'
|
||
|
|
width='1em'
|
||
|
|
height='1em'
|
||
|
|
fill='currentColor'
|
||
|
|
>
|
||
|
|
<path d='M135.2 17.69C140.6 6.848 151.7 0 163.8 0H284.2C296.3 0 307.4 6.848 312.8 17.69L320 32H416C433.7 32 448 46.33 448 64C448 81.67 433.7 96 416 96H32C14.33 96 0 81.67 0 64C0 46.33 14.33 32 32 32H128L135.2 17.69zM394.8 466.1C393.2 492.3 372.3 512 346.9 512H101.1C75.75 512 54.77 492.3 53.19 466.1L31.1 128H416L394.8 466.1z'></path>
|
||
|
|
</svg>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className='inputLabelWrapperMain'>
|
||
|
|
<div className='labelWrapperMain'>
|
||
|
|
<p className='labelMain'>Blog writers</p>
|
||
|
|
<button className='btn btnMain btnMainAdd' type='button'>
|
||
|
|
<svg
|
||
|
|
xmlns='http://www.w3.org/2000/svg'
|
||
|
|
viewBox='-32 0 512 512'
|
||
|
|
width='1em'
|
||
|
|
height='1em'
|
||
|
|
fill='currentColor'
|
||
|
|
>
|
||
|
|
<path d='M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z'></path>
|
||
|
|
</svg>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<div className='inputWrapperMain'>
|
||
|
|
<input
|
||
|
|
type='text'
|
||
|
|
className='inputMain'
|
||
|
|
inputMode='url'
|
||
|
|
placeholder='nPubs'
|
||
|
|
value='npub18n4ysp43ux5c98fs6h9c57qpr4p8r3j8f6e32v0vj8egzy878aqqyzzk9r'
|
||
|
|
/>
|
||
|
|
<button className='btn btnMain btnMainRemove' type='button'>
|
||
|
|
<svg
|
||
|
|
xmlns='http://www.w3.org/2000/svg'
|
||
|
|
viewBox='-32 0 512 512'
|
||
|
|
width='1em'
|
||
|
|
height='1em'
|
||
|
|
fill='currentColor'
|
||
|
|
>
|
||
|
|
<path d='M135.2 17.69C140.6 6.848 151.7 0 163.8 0H284.2C296.3 0 307.4 6.848 312.8 17.69L320 32H416C433.7 32 448 46.33 448 64C448 81.67 433.7 96 416 96H32C14.33 96 0 81.67 0 64C0 46.33 14.33 32 32 32H128L135.2 17.69zM394.8 466.1C393.2 492.3 372.3 512 346.9 512H101.1C75.75 512 54.77 492.3 53.19 466.1L31.1 128H416L394.8 466.1z'></path>
|
||
|
|
</svg>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<div className='inputWrapperMain'>
|
||
|
|
<input
|
||
|
|
type='text'
|
||
|
|
className='inputMain'
|
||
|
|
inputMode='url'
|
||
|
|
placeholder='nPubs'
|
||
|
|
/>
|
||
|
|
<button className='btn btnMain btnMainRemove' type='button'>
|
||
|
|
<svg
|
||
|
|
xmlns='http://www.w3.org/2000/svg'
|
||
|
|
viewBox='-32 0 512 512'
|
||
|
|
width='1em'
|
||
|
|
height='1em'
|
||
|
|
fill='currentColor'
|
||
|
|
>
|
||
|
|
<path d='M135.2 17.69C140.6 6.848 151.7 0 163.8 0H284.2C296.3 0 307.4 6.848 312.8 17.69L320 32H416C433.7 32 448 46.33 448 64C448 81.67 433.7 96 416 96H32C14.33 96 0 81.67 0 64C0 46.33 14.33 32 32 32H128L135.2 17.69zM394.8 466.1C393.2 492.3 372.3 512 346.9 512H101.1C75.75 512 54.77 492.3 53.19 466.1L31.1 128H416L394.8 466.1z'></path>
|
||
|
|
</svg>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className='IBMSMSMBS_WriteAction'>
|
||
|
|
<button className='btn btnMain' type='button'>
|
||
|
|
Save
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|