ekzyis/stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

modal spacing fixes

Browse Source
This commit is contained in:
keyan 2024-04-16 15:33:00 -05:00
parent e30dfbae57
commit 1a25179a98
3 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/item-act.js
View File

@ -15,10 +15,10 @@ const defaultTips = [100, 1000, 10000, 100000]
const Tips = ({ setOValue }) => { const Tips = ({ setOValue }) => {
const tips = [...getCustomTips(), ...defaultTips].sort((a, b) => a - b) const tips = [...getCustomTips(), ...defaultTips].sort((a, b) => a - b)
return tips.map(num => return tips.map((num, i) =>
<Button <Button
size='sm' size='sm'
className={`${num > 1 ? 'ms-2' : ''} mb-2`} className={`${i > 0 ? 'ms-2' : ''} mb-2`}
key={num} key={num}
onClick={() => { setOValue(num) }} onClick={() => { setOValue(num) }}
> >
@ -183,7 +183,7 @@ export default function ItemAct ({ onClose, itemId, down, children }) {
<Tips setOValue={setOValue} /> <Tips setOValue={setOValue} />
</div> </div>
{children} {children}
<div className='d-flex'> <div className='d-flex mt-3'>
<SubmitButton variant={down ? 'danger' : 'success'} className='ms-auto mt-1 px-4' value='TIP'>{down && 'down'}zap</SubmitButton> <SubmitButton variant={down ? 'danger' : 'success'} className='ms-auto mt-1 px-4' value='TIP'>{down && 'down'}zap</SubmitButton>
</div> </div>
</Form> </Form>

2
pages/settings/index.js
View File

@ -962,7 +962,7 @@ function ApiKeyDeleteObstacle ({ onClose }) {
const toaster = useToast() const toaster = useToast()
return ( return (
<div className='text-center'> <div className='m-auto' style={{ maxWidth: 'fit-content' }}>
<p className='fw-bold'> <p className='fw-bold'>
Do you really want to delete your API key? Do you really want to delete your API key?
</p> </p>

5
styles/globals.scss
View File

@ -492,10 +492,7 @@ div[contenteditable]:disabled,
background-color: var(--theme-inputBg); background-color: var(--theme-inputBg);
border-color: var(--theme-borderColor); border-color: var(--theme-borderColor);
} }
.modal-body {
align-self: center;
width: fit-content;
}
.modal-body:has(video) { .modal-body:has(video) {
width: 100%; width: 100%;
} }