fix: uniform margins
This commit is contained in:
parent
74b1799d21
commit
0f10fa3991
8 changed files with 14 additions and 14 deletions
|
@ -147,7 +147,7 @@ export default function File({ image, updateImages, disableMediaPreview }) {
|
|||
</Stack>
|
||||
</Stack>
|
||||
|
||||
<Group position='right' mt={22}>
|
||||
<Group position='right' mt='md'>
|
||||
<Link href={image.url} target='_blank'>
|
||||
<Button rightIcon={<ExternalLinkIcon />}>Open</Button>
|
||||
</Link>
|
||||
|
|
|
@ -51,7 +51,7 @@ export default function StatCard({ stat }: StatsGridProps) {
|
|||
{stat.icon}
|
||||
</Group>
|
||||
|
||||
<Group align='flex-end' spacing='xs' mt={25}>
|
||||
<Group align='flex-end' spacing='xs' mt='md'>
|
||||
<Text className={classes.value}>{stat.value}</Text>
|
||||
{typeof stat.diff == 'number' && (
|
||||
<>
|
||||
|
@ -63,7 +63,7 @@ export default function StatCard({ stat }: StatsGridProps) {
|
|||
)}
|
||||
</Group>
|
||||
|
||||
<Text size='xs' color='dimmed' mt={7}>
|
||||
<Text size='xs' color='dimmed' mt='sm'>
|
||||
{stat.desc}
|
||||
</Text>
|
||||
</Card>
|
||||
|
|
|
@ -108,7 +108,7 @@ function CreateInviteModal({ open, setOpen, updateInvites }) {
|
|||
parser={(v: string) => Number(v.replace(/[^\d]/g, ''))}
|
||||
/>
|
||||
|
||||
<Group position='right' mt={22}>
|
||||
<Group position='right' mt='md'>
|
||||
<Button onClick={() => setOpen(false)}>Cancel</Button>
|
||||
<Button type='submit'>Create</Button>
|
||||
</Group>
|
||||
|
@ -154,7 +154,7 @@ export default function Users() {
|
|||
});
|
||||
|
||||
const handleCopy = async (invite) => {
|
||||
clipboard.copy(`${window.location.protocol}//${window.location.host}/invite/${invite.code}`);
|
||||
clipboard.copy(`${window.location.protocol}//${window.location.host}/auth/register?code=${invite.code}`);
|
||||
showNotification({
|
||||
title: 'Copied to clipboard',
|
||||
message: '',
|
||||
|
|
|
@ -373,7 +373,7 @@ export default function Manage() {
|
|||
Refresh
|
||||
</Button>
|
||||
</Group>
|
||||
<Card mt={22}>
|
||||
<Card mt='md'>
|
||||
{exports && exports.length ? (
|
||||
<SmallTable
|
||||
columns={[
|
||||
|
|
|
@ -93,7 +93,7 @@ export default function Urls() {
|
|||
<TextInput id='url' label='URL' {...form.getInputProps('url')} />
|
||||
<TextInput id='vanity' label='Vanity' {...form.getInputProps('vanity')} />
|
||||
|
||||
<Group position='right' mt={22}>
|
||||
<Group position='right' mt='md'>
|
||||
<Button onClick={() => setCreateOpen(false)}>Cancel</Button>
|
||||
<Button type='submit'>Submit</Button>
|
||||
</Group>
|
||||
|
|
|
@ -51,9 +51,9 @@ export function CreateUserModal({ open, setOpen, updateUsers }) {
|
|||
<form onSubmit={form.onSubmit((v) => onSubmit(v))}>
|
||||
<TextInput id='username' label='Username' {...form.getInputProps('username')} />
|
||||
<TextInput id='password' label='Password' type='password' {...form.getInputProps('password')} />
|
||||
<Switch mt={12} id='administrator' label='Administrator' {...form.getInputProps('administrator')} />
|
||||
<Switch mt='sm' id='administrator' label='Administrator' {...form.getInputProps('administrator')} />
|
||||
|
||||
<Group position='right' mt={22}>
|
||||
<Group position='right' mt='md'>
|
||||
<Button onClick={() => setOpen(false)}>Cancel</Button>
|
||||
<Button type='submit'>Create</Button>
|
||||
</Group>
|
||||
|
|
|
@ -57,9 +57,9 @@ export function EditUserModal({ open, setOpen, updateUsers, user }) {
|
|||
<form onSubmit={form.onSubmit((v) => onSubmit(v))}>
|
||||
<TextInput id='username' label='Username' {...form.getInputProps('username')} />
|
||||
<TextInput id='password' label='Password' type='password' {...form.getInputProps('password')} />
|
||||
<Switch mt={12} id='administrator' label='Administrator' {...form.getInputProps('administrator')} />
|
||||
<Switch mt='sm' id='administrator' label='Administrator' {...form.getInputProps('administrator')} />
|
||||
|
||||
<Group position='right' mt={22}>
|
||||
<Group position='right' mt='md'>
|
||||
<Button onClick={() => setOpen(false)}>Cancel</Button>
|
||||
<Button type='submit'>Save</Button>
|
||||
</Group>
|
||||
|
|
|
@ -71,13 +71,13 @@ export default function Login({ title, user_registration, oauth_registration, oa
|
|||
<TextInput size='lg' id='username' label='Username' {...form.getInputProps('username')} />
|
||||
<PasswordInput size='lg' id='password' label='Password' {...form.getInputProps('password')} />
|
||||
|
||||
<Button size='lg' type='submit' fullWidth mt={12}>
|
||||
<Button size='lg' type='submit' fullWidth mt='sm'>
|
||||
Login
|
||||
</Button>
|
||||
</form>
|
||||
{user_registration && (
|
||||
<>
|
||||
<Divider label='or' labelPosition='center' my={8} />
|
||||
<Divider label='or' labelPosition='center' my='sm' />
|
||||
<Link href='/auth/register' passHref>
|
||||
<Button size='lg' fullWidth component='a'>
|
||||
Register
|
||||
|
@ -87,7 +87,7 @@ export default function Login({ title, user_registration, oauth_registration, oa
|
|||
)}
|
||||
{oauth_registration && (
|
||||
<>
|
||||
<Divider label='or' labelPosition='center' my={8} />
|
||||
<Divider label='or' labelPosition='center' my='sm' />
|
||||
{oauth_providers.map(({ url, name, Icon }, i) => (
|
||||
<Link key={i} href={url} passHref>
|
||||
<Button size='lg' fullWidth leftIcon={<Icon />} component='a' my={8}>
|
||||
|
|
Loading…
Reference in a new issue