diff --git a/packages/console/app/src/routes/workspace/[id]/members/member-section.module.css b/packages/console/app/src/routes/workspace/[id]/members/member-section.module.css index 9d6bbb39..a3ff0c2d 100644 --- a/packages/console/app/src/routes/workspace/[id]/members/member-section.module.css +++ b/packages/console/app/src/routes/workspace/[id]/members/member-section.module.css @@ -22,6 +22,22 @@ } } + [data-slot="beta-notice"] { + padding: var(--space-3) var(--space-4); + border: 1px solid var(--color-border); + border-radius: var(--border-radius-sm); + background-color: var(--color-bg-surface); + font-size: var(--font-size-sm); + color: var(--color-text-secondary); + line-height: 1.5; + margin-bottom: var(--space-3); + + a { + color: var(--color-accent); + text-decoration: none; + } + } + [data-slot="create-form"] { display: flex; flex-direction: column; @@ -81,7 +97,7 @@ display: flex; gap: var(--space-2); - >button[type="reset"] { + > button[type="reset"] { align-self: flex-start; } } @@ -207,7 +223,6 @@ } @media (max-width: 40rem) { - th, td { padding: var(--space-2) var(--space-3); @@ -217,8 +232,7 @@ th { &:nth-child(3) - /* Date */ - { + /* Date */ { display: none; } } @@ -226,11 +240,10 @@ td { &:nth-child(3) - /* Date */ - { + /* Date */ { display: none; } } } } -} \ No newline at end of file +} diff --git a/packages/console/app/src/routes/workspace/[id]/members/member-section.tsx b/packages/console/app/src/routes/workspace/[id]/members/member-section.tsx index 60d2daa6..da7b6f19 100644 --- a/packages/console/app/src/routes/workspace/[id]/members/member-section.tsx +++ b/packages/console/app/src/routes/workspace/[id]/members/member-section.tsx @@ -253,6 +253,13 @@ export function MemberSection() { +