fix: group icons vertically

This commit is contained in:
diced 2023-01-14 13:27:23 -08:00
parent 19c7ba03c6
commit ebaf11ad10
No known key found for this signature in database
GPG key ID: 370BD1BA142842D1
4 changed files with 7 additions and 6 deletions

View file

@ -213,14 +213,14 @@ export default function Invites() {
</Tooltip>
</Stack>
</Group>
<Group position='right'>
<Stack>
<ActionIcon aria-label='copy' onClick={() => handleCopy(invite)}>
<CopyIcon />
</ActionIcon>
<ActionIcon aria-label='delete' onClick={() => openDeleteModal(invite)}>
<DeleteIcon />
</ActionIcon>
</Group>
</Stack>
</Group>
</Card>
))

View file

@ -523,6 +523,7 @@ export default function Manage({ oauth_registration, oauth_providers: raw_oauth_
'&:hover': {
backgroundColor: t.other.hover,
},
color: t.colorScheme === 'dark' ? 'white' : 'black',
})}
size='xl'
p='sm'

View file

@ -70,7 +70,7 @@ export default function URLCard({ url }: { url: URLResponse }) {
</MutedText>
</Stack>
</Group>
<Group position='right'>
<Stack>
<ActionIcon href={url.url} component='a' target='_blank'>
<ExternalLinkIcon />
</ActionIcon>
@ -80,7 +80,7 @@ export default function URLCard({ url }: { url: URLResponse }) {
<ActionIcon aria-label='delete' onClick={() => deleteURL(url)}>
<TrashIcon />
</ActionIcon>
</Group>
</Stack>
</Group>
</Card>
);

View file

@ -113,7 +113,7 @@ export default function Users() {
<MutedText size='sm'>Administrator: {user.administrator ? 'yes' : 'no'}</MutedText>
</Stack>
</Group>
<Group position='right'>
<Stack>
{user.administrator && !self.superAdmin ? null : (
<>
<ActionIcon
@ -130,7 +130,7 @@ export default function Users() {
</ActionIcon>
</>
)}
</Group>
</Stack>
</Group>
</Card>
))