[core-v2.2.11-alpha.3]: enhancement - add border-radius CSS variables (#1046)

mahmud-bn · web-flow · commit 8a3b72e93aaf · 2022-06-08T17:31:44.000-06:00
* border-styling-addition

* merge develop
diff --git a/packages/core/src/views/account-center/Maximized.svelte b/packages/core/src/views/account-center/Maximized.svelte
@@ -58,7 +58,7 @@
 
   .wallets-section {
     width: 100%;
-    border-radius: 16px;
+    border-radius: var(--onboard-border-radius-3, var(--border-radius-3));
   }
 
   .p5 {
@@ -117,7 +117,7 @@
 
   .network-container {
     margin: 0 1px 1px 1px;
-    border-radius: 15px;
+    border-radius: var(--onboard-border-radius-3, var(--border-radius-3));
     color: var(--onboard-gray-500, var(--gray-500));
   }
 
diff --git a/packages/core/src/views/connect/WalletButton.svelte b/packages/core/src/views/connect/WalletButton.svelte
@@ -47,7 +47,10 @@
   }
 
   button.wallet-button-styling {
-    border-radius: var(--onboard-wallet-button-border-radius, var(--border-radius-1));
+    border-radius: var(
+      --onboard-wallet-button-border-radius,
+      var(--border-radius-1)
+    );
     box-shadow: var(--onboard-wallet-button-box-shadow, var(--box-shadow-0));
   }
 </style>
diff --git a/packages/demo/src/App.svelte b/packages/demo/src/App.svelte
@@ -104,7 +104,7 @@
       portis,
       torus,
       gnosis,
-      dcent 
+      dcent
     ],
     chains: [
       {
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -23,7 +23,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/core": "^2.2.11-alpha.2",
+    "@web3-onboard/core": "^2.2.11-alpha.3",
     "@web3-onboard/common": "^2.1.0-alpha.1",
     "use-sync-external-store": "1.0.0"
   },

Original file line number	Diff line number	Diff line change
`@@ -58,7 +58,7 @@`
`58`	`58`
`59`	`59`	`.wallets-section {`
`60`	`60`	`width: 100%;`
`61`		`- border-radius: 16px;`
	`61`	`+ border-radius: var(--onboard-border-radius-3, var(--border-radius-3));`
`62`	`62`	`}`
`63`	`63`
`64`	`64`	`.p5 {`
`@@ -117,7 +117,7 @@`
`117`	`117`
`118`	`118`	`.network-container {`
`119`	`119`	`margin: 0 1px 1px 1px;`
`120`		`- border-radius: 15px;`
	`120`	`+ border-radius: var(--onboard-border-radius-3, var(--border-radius-3));`
`121`	`121`	`color: var(--onboard-gray-500, var(--gray-500));`
`122`	`122`	`}`
`123`	`123`
Original file line number	Diff line number	Diff line change
`@@ -47,7 +47,10 @@`
`47`	`47`	`}`
`48`	`48`
`49`	`49`	`button.wallet-button-styling {`
`50`		`- border-radius: var(--onboard-wallet-button-border-radius, var(--border-radius-1));`
	`50`	`+ border-radius: var(`
	`51`	`+ --onboard-wallet-button-border-radius,`
	`52`	`+ var(--border-radius-1)`
	`53`	`+ );`
`51`	`54`	`box-shadow: var(--onboard-wallet-button-box-shadow, var(--box-shadow-0));`
`52`	`55`	`}`
`53`	`56`	`</style>`
Original file line number	Diff line number	Diff line change
`@@ -104,7 +104,7 @@`
`104`	`104`	`portis,`
`105`	`105`	`torus,`
`106`	`106`	`gnosis,`
`107`		`- dcent`
	`107`	`+ dcent`
`108`	`108`	`],`
`109`	`109`	`chains: [`
`110`	`110`	`{`