chore: update sharebox styles to show overflow state

blinkk · Mar 11, 2024 · cd2f824 · cd2f824
1 parent 5735cbd
commit cd2f824
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/root-cms/ui/components/ShareBox/ShareBox.css b/packages/root-cms/ui/components/ShareBox/ShareBox.css
@@ -24,10 +24,11 @@
   margin-top: 12px;
   max-height: 500px;
   overflow: auto;
+  padding: 20px;
+  border: 1px solid var(--color-border);
 }
 
 .ShareBox__user__email {
-  padding: 0 11px;
   overflow: hidden;
   text-overflow: ellipsis;
 }
diff --git a/packages/root-cms/ui/components/ShareBox/ShareBox.tsx b/packages/root-cms/ui/components/ShareBox/ShareBox.tsx
@@ -9,11 +9,10 @@ import {
 import {useEffect, useState} from 'preact/hooks';
 
 import {joinClassNames} from '../../utils/classes.js';
+import {notifyErrors} from '../../utils/notifications.js';
 import {sortByKey} from '../../utils/objects.js';
 import {Text} from '../Text/Text.js';
 import './ShareBox.css';
-import {showNotification} from '@mantine/notifications';
-import {notifyErrors} from '../../utils/notifications.js';
 
 export interface ShareBoxProps {
   className?: string;
@@ -68,7 +67,7 @@ export function ShareBox(props: ShareBoxProps) {
       setRoles((current) => {
         return {
           ...current,
-          [email]: 'EDITOR',
+          [email]: 'VIEWER',
         };
       });
     });