style: update PadsDialog styling for improved UI (#81)

atyrode · web-flow · commit 86490a2b1a20 · 2025-05-05T06:23:04.000+02:00
- Added a semi-transparent background color and a blur effect to the PadsDialog component, enhancing the visual appeal and focus on the dialog content.
diff --git a/src/frontend/src/ui/PadsDialog.scss b/src/frontend/src/ui/PadsDialog.scss
@@ -6,6 +6,8 @@
     right: 0;
     bottom: 0;
     z-index: 1000;
+    background-color: rgba(0, 0, 0, 0.2);
+    backdrop-filter: blur(1px);
   }
 
   &__title-container {

Original file line number	Diff line number	Diff line change
`@@ -6,6 +6,8 @@`
`6`	`6`	`right: 0;`
`7`	`7`	`bottom: 0;`
`8`	`8`	`z-index: 1000;`
	`9`	`+ background-color: rgba(0, 0, 0, 0.2);`
	`10`	`+ backdrop-filter: blur(1px);`
`9`	`11`	`}`
`10`	`12`
`11`	`13`	`&__title-container {`