fix: uniform margins

This commit is contained in:
diced 2022-10-24 11:38:38 -07:00
parent 74b1799d21
commit 0f10fa3991
No known key found for this signature in database
GPG key ID: 370BD1BA142842D1
8 changed files with 14 additions and 14 deletions

View file

@ -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>

View file

@ -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>

View file

@ -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: '',

View file

@ -373,7 +373,7 @@ export default function Manage() {
Refresh
</Button>
</Group>
<Card mt={22}>
<Card mt='md'>
{exports && exports.length ? (
<SmallTable
columns={[

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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}>