refactor: wide container

pubkeyapp · Nov 29, 2023 · cb811f3 · cb811f3
1 parent 521e881
commit cb811f3
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 27 deletions.
diff --git a/libs/web/discord/feature/src/lib/discord-server-admin-ids.tsx b/libs/web/discord/feature/src/lib/discord-server-admin-ids.tsx
@@ -1,4 +1,4 @@
-import { ActionIcon, MultiSelect } from '@mantine/core'
+import { ActionIcon, MultiSelect, Tooltip } from '@mantine/core'
 import { DiscordServer } from '@pubkey-link/sdk'
 import { useAdminFindOneDiscordServer } from '@pubkey-link/web/discord/data-access'
 import { useWebSdk } from '@pubkey-link/web/shell/data-access'
@@ -37,30 +37,32 @@ export function DiscordServerAdminIds({ server, refresh }: { server: DiscordServ
             value={value}
             onChange={setValue}
             rightSection={
-              <ActionIcon
-                disabled={!changed}
-                variant={'filled'}
-                color={changed ? 'green' : 'gray'}
-                onClick={async () => {
-                  return sdk
-                    .adminUpdateDiscordServer({
-                      serverId: server.id,
-                      input: { adminIds: value },
-                    })
-                    .then(() => {
-                      showNotificationSuccess('Updated')
-                      refresh()
-                      return true
-                    })
-                    .catch((err) => {
-                      console.error(err)
-                      showNotificationError('An error occurred')
-                      return false
-                    })
-                }}
-              >
-                <IconCheck />
-              </ActionIcon>
+              <Tooltip label={changed ? 'Save changes' : 'No changes'} position="left">
+                <ActionIcon
+                  disabled={!changed}
+                  variant={'filled'}
+                  color={changed ? 'green' : 'gray'}
+                  onClick={async () => {
+                    return sdk
+                      .adminUpdateDiscordServer({
+                        serverId: server.id,
+                        input: { adminIds: value },
+                      })
+                      .then(() => {
+                        showNotificationSuccess('Updated')
+                        refresh()
+                        return true
+                      })
+                      .catch((err) => {
+                        console.error(err)
+                        showNotificationError('An error occurred')
+                        return false
+                      })
+                  }}
+                >
+                  <IconCheck />
+                </ActionIcon>
+              </Tooltip>
             }
           />
         </UiStack>

diff --git a/libs/web/ui/core/src/lib/ui-container.tsx b/libs/web/ui/core/src/lib/ui-container.tsx
@@ -5,7 +5,7 @@ export function UiContainer(props: ContainerProps) {
   const { isSmall } = useUiTheme()
 
   return (
-    <Container fluid={isSmall} px={isSmall ? 0 : undefined} py={isSmall ? undefined : 'sm'} {...props}>
+    <Container fluid={isSmall} size="xl" px={isSmall ? 0 : undefined} py={isSmall ? undefined : 'sm'} {...props}>
       {props.children}
     </Container>
   )

diff --git a/libs/web/ui/layout/src/lib/ui-header.tsx b/libs/web/ui/layout/src/lib/ui-header.tsx
@@ -115,7 +115,7 @@ export function UiHeader({ opened, links, close, toggle }: UiHeaderProps) {
   })
   return (
     <Header height={{ base: 50, md: 70 }} className={classes.root}>
-      <Container className={classes.header}>
+      <Container size="xl" className={classes.header}>
         <Group>
           {links.length ? <Burger opened={opened} onClick={toggle} className={classes.burger} size="sm" /> : null}
           <Anchor component={Link} to="/dashboard" replace underline={false}>