feat(connect-kit/x-settings): tweak storage-widget styles

Crossbell-Box · Mar 10, 2023 · b399a74 · b399a74
1 parent a3bcc26
commit b399a74
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/connect-kit/src/modals/x-settings-modal/components/storage-widget/index.module.css b/packages/connect-kit/src/modals/x-settings-modal/components/storage-widget/index.module.css
@@ -4,6 +4,10 @@
 	border-radius: 12px;
 	font-weight: 500;
 	line-height: 1.2;
+	min-height: 64px;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
 }
 
 .info {
@@ -17,7 +21,7 @@
 	height: 5px;
 	background: #e1e8f7;
 	border-radius: 5px;
-	margin-top: 16px;
+	margin-top: auto;
 }
 
 .title {

diff --git a/packages/connect-kit/src/modals/x-settings-modal/components/storage-widget/index.tsx b/packages/connect-kit/src/modals/x-settings-modal/components/storage-widget/index.tsx
@@ -21,9 +21,10 @@ export function StorageWidget({ characterId }: StorageWidgetProps) {
 					multiline
 					width={223}
 					label="Our storage is in beta, providing unlimited storage. When officially launched, storage may be limited and payment required."
+					withinPortal={true}
 					style={{
 						background: "rgba(94, 100, 115, 0.7)",
-						backdropFilter: "blur(5px)",
+						backdropFilter: "blur(7.5px)",
 						borderRadius: "6px",
 						padding: "8px 16px",
 						fontSize: "12px",