diff --git a/apps/tup-ui/src/main.global.css b/apps/tup-ui/src/main.global.css index 52124877e..fa739a14f 100644 --- a/apps/tup-ui/src/main.global.css +++ b/apps/tup-ui/src/main.global.css @@ -19,6 +19,13 @@ --global-space--section-bottom: 30px; --global-space--section-left: 20px; --global-space--section-right: 30px; + /* NOTE: Unexpectedly required to apply the above var changes */ + /* HELP: Why isn't Core-Styles `--global-space--section` auto-updated? */ + --global-space--section: + var(--global-space--section-top) + var(--global-space--section-right) + var(--global-space--section-bottom) + var(--global-space--section-left); } /* To stretch application height to available space */ diff --git a/apps/tup-ui/src/pages/Dashboard/Dashboard.module.css b/apps/tup-ui/src/pages/Dashboard/Dashboard.module.css index a68ff202a..1d0af2d13 100644 --- a/apps/tup-ui/src/pages/Dashboard/Dashboard.module.css +++ b/apps/tup-ui/src/pages/Dashboard/Dashboard.module.css @@ -29,7 +29,7 @@ grid-template-columns: 0.5fr 0.5fr; } @media (--x-wide-and-above) { - grid-template-columns: 0.65fr 0.35fr; + grid-template-columns: 0.6fr 0.4fr; } } .panels > * { @@ -51,14 +51,14 @@ display: grid; gap: 25px; grid-template-columns: 1fr; - grid-template-rows: auto 1fr; + grid-template-rows: 0.5fr 1fr; grid-template-areas: "projects" "tickets"; @media (--wide-and-below) { row-gap: 25px; - grid-template-rows: auto auto; + grid-template-rows: 300px 300px; } } diff --git a/apps/tup-ui/src/pages/Projects/Projects.tsx b/apps/tup-ui/src/pages/Projects/Projects.tsx index 4af9301d1..46e8c6550 100644 --- a/apps/tup-ui/src/pages/Projects/Projects.tsx +++ b/apps/tup-ui/src/pages/Projects/Projects.tsx @@ -10,7 +10,9 @@ import styles from './Projects.module.css'; const NewProject = () => ( - + ); diff --git a/libs/core-components/src/lib/Button/Button.tsx b/libs/core-components/src/lib/Button/Button.tsx index 41b833057..b6faae02a 100644 --- a/libs/core-components/src/lib/Button/Button.tsx +++ b/libs/core-components/src/lib/Button/Button.tsx @@ -28,12 +28,8 @@ type ButtonTypeLinkSize = { type?: 'link'; size?: never; }; -type ButtonTypePrimarySize = { - type?: 'primary'; - size?: 'short' | 'medium' | 'long'; -}; type ButtonTypeOtherSize = { - type?: 'secondary' | 'tertiary' | 'active'; + type?: 'primary' | 'secondary' | 'tertiary' | 'active'; size?: 'short' | 'medium' | 'long' | 'small'; }; @@ -48,7 +44,7 @@ type ButtonProps = React.PropsWithChildren<{ attr?: 'button' | 'submit' | 'reset'; isLoading?: boolean; }> & - (ButtonTypeLinkSize | ButtonTypePrimarySize | ButtonTypeOtherSize); + (ButtonTypeLinkSize | ButtonTypeOtherSize); const Button: React.FC = ({ children, diff --git a/libs/tup-components/src/accounts/ManageAccount.module.css b/libs/tup-components/src/accounts/ManageAccount.module.css index a7edcdd8d..ac7e3446e 100644 --- a/libs/tup-components/src/accounts/ManageAccount.module.css +++ b/libs/tup-components/src/accounts/ManageAccount.module.css @@ -6,13 +6,11 @@ .account-header { font-size: 2rem; border-bottom: 1px solid #707070; - padding: 10px; } -.account-header > i { - font-size: 32px; - margin-bottom: -6px; +.account-header i { + vertical-align: middle; + margin-top: -0.25em; margin-right: 0.5rem; - } .account-body { diff --git a/libs/tup-components/src/accounts/ManageAccount.tsx b/libs/tup-components/src/accounts/ManageAccount.tsx index 860027efe..2946c5f72 100644 --- a/libs/tup-components/src/accounts/ManageAccount.tsx +++ b/libs/tup-components/src/accounts/ManageAccount.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { Icon, Button } from '@tacc/core-components'; +import { Icon, Button, SectionHeader } from '@tacc/core-components'; import { useProfile } from '@tacc/tup-hooks'; import { AccountMfa } from './ManageAccountMfa'; import styles from './ManageAccount.module.css'; @@ -94,12 +94,12 @@ const ManageAccount: React.FC = () => { return (
-
+ {data?.firstName} {data?.lastName} -
+
diff --git a/libs/tup-components/src/tickets/TicketCreateModal/TicketCreateModal.tsx b/libs/tup-components/src/tickets/TicketCreateModal/TicketCreateModal.tsx index a6a56ea9d..5d4a18acd 100644 --- a/libs/tup-components/src/tickets/TicketCreateModal/TicketCreateModal.tsx +++ b/libs/tup-components/src/tickets/TicketCreateModal/TicketCreateModal.tsx @@ -6,7 +6,7 @@ import styles from './TicketCreateModal.module.css'; const TicketCreateModal: React.FC< React.PropsWithChildren<{ - display: 'secondary' | 'link'; + display: 'secondary' | 'link' | 'primary'; size?: 'small'; }> > = ({ children, size, display }) => { @@ -23,8 +23,8 @@ const TicketCreateModal: React.FC< return ( <> - {display === 'secondary' && ( - )} diff --git a/libs/tup-components/src/tickets/Tickets.tsx b/libs/tup-components/src/tickets/Tickets.tsx index 257d16225..58e5b76ff 100644 --- a/libs/tup-components/src/tickets/Tickets.tsx +++ b/libs/tup-components/src/tickets/Tickets.tsx @@ -12,7 +12,7 @@ const Tickets: React.FC = () => {
+ + New Ticket }