diff --git a/apps/console/src/components/sections/customizer/PluginsSection/index.tsx b/apps/console/src/components/sections/customizer/PluginsSection/index.tsx index 06321f97..153a1397 100644 --- a/apps/console/src/components/sections/customizer/PluginsSection/index.tsx +++ b/apps/console/src/components/sections/customizer/PluginsSection/index.tsx @@ -15,13 +15,13 @@ export const PluginsSection: FC = () => { - +
- +
); diff --git a/packages/@justweb3/ui/src/lib/ui/Sheet/Sheet.module.css b/packages/@justweb3/ui/src/lib/ui/Sheet/Sheet.module.css index 9b18b622..b5dd7c86 100644 --- a/packages/@justweb3/ui/src/lib/ui/Sheet/Sheet.module.css +++ b/packages/@justweb3/ui/src/lib/ui/Sheet/Sheet.module.css @@ -61,8 +61,9 @@ color: var(--justweb3-foreground-color-2); font-family: var(--justweb3-font-family); position: absolute; - top: 0; + top: 1rem; left: 24px; + margin: 0; } .sheetDescription { diff --git a/packages/@justweb3/xmtp-plugin/src/lib/components/ChatSheet/Chat/LoadingMessagesList/index.tsx b/packages/@justweb3/xmtp-plugin/src/lib/components/ChatSheet/Chat/LoadingMessagesList/index.tsx index 5a65dcdc..2d3a7916 100644 --- a/packages/@justweb3/xmtp-plugin/src/lib/components/ChatSheet/Chat/LoadingMessagesList/index.tsx +++ b/packages/@justweb3/xmtp-plugin/src/lib/components/ChatSheet/Chat/LoadingMessagesList/index.tsx @@ -16,6 +16,7 @@ export const LoadingMessagesList: React.FC = ({ paddingTop: 20, minHeight: `calc( ${computeHeight} - 20px )`, maxHeight: `calc( ${computeHeight} - 20px )`, + boxSizing: 'content-box', }} > {Array.from({ length: 8 }).map((_, index) => ( diff --git a/packages/@justweb3/xmtp-plugin/src/lib/components/ChatSheet/Chat/index.tsx b/packages/@justweb3/xmtp-plugin/src/lib/components/ChatSheet/Chat/index.tsx index 688c55de..3be43267 100644 --- a/packages/@justweb3/xmtp-plugin/src/lib/components/ChatSheet/Chat/index.tsx +++ b/packages/@justweb3/xmtp-plugin/src/lib/components/ChatSheet/Chat/index.tsx @@ -215,6 +215,7 @@ export const Chat: React.FC = ({ conversation, onBack }) => { }} > {isCanMessageLoading || isLoading ? ( + // {true ? ( ) : ( = ({ event.stopPropagation(); allowUser(); }} + style={{ + height: '10px', + }} > {conversationInfo?.consent === 'requested' ? 'Allow' : 'Unblock'} @@ -174,6 +177,9 @@ const MessageItem: React.FC = ({ event.stopPropagation(); ignoreUser(); }} + style={{ + height: '10px', + }} > Ignore