From 9b95923daa5b41418dae0ce96db0ef26d3661939 Mon Sep 17 00:00:00 2001
From: Markus <markus@block-net.de>
Date: Thu, 22 Aug 2024 17:39:55 +0200
Subject: [PATCH] increased mask size

---
 package.json                          |  2 +-
 src/lib/ngx-dotpattern.component.scss | 40 +++++++++++++++------------
 src/lib/ngx-dotpattern.service.ts     |  9 ------
 3 files changed, 23 insertions(+), 28 deletions(-)
 delete mode 100644 src/lib/ngx-dotpattern.service.ts

diff --git a/package.json b/package.json
index 144657d..ef261a0 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@omnedia/ngx-dotpattern",
   "description": "A simple component library to create a container with a pattern background.",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "peerDependencies": {
     "@angular/common": "^18.2.0",
     "@angular/core": "^18.2.0"
diff --git a/src/lib/ngx-dotpattern.component.scss b/src/lib/ngx-dotpattern.component.scss
index a46fb1b..eac25f7 100644
--- a/src/lib/ngx-dotpattern.component.scss
+++ b/src/lib/ngx-dotpattern.component.scss
@@ -1,24 +1,28 @@
 .om-dotpattern {
-    position: relative;
-    overflow: hidden;
+  position: relative;
+  overflow: hidden;
 
-    --om-dotpattern-color: hsla(0, 0%, 64%, .8);
+  --om-dotpattern-color: hsla(0, 0%, 64%, 0.8);
 
-    .om-dotpattern-background {
-        position: absolute;
-        pointer-events: none;
-        height: 100%;
-        width: 100%;
+  .om-dotpattern-background {
+    position: absolute;
+    pointer-events: none;
+    height: 100%;
+    width: 100%;
 
-        svg {
-            pointer-events: none;
-            inset: 0;
-            height: 100%;
-            width: 100%;
-            fill: var(--om-dotpattern-color);
+    svg {
+      pointer-events: none;
+      inset: 0;
+      height: 100%;
+      width: 100%;
+      fill: var(--om-dotpattern-color);
 
-            -webkit-mask-image: radial-gradient(300px circle at center, #fff, transparent);
-            mask-image: radial-gradient(300px circle at center, #fff, transparent);
-        }
+      -webkit-mask-image: radial-gradient(
+        500px circle at center,
+        #fff,
+        transparent
+      );
+      mask-image: radial-gradient(500px circle at center, #fff, transparent);
     }
-}
\ No newline at end of file
+  }
+}
diff --git a/src/lib/ngx-dotpattern.service.ts b/src/lib/ngx-dotpattern.service.ts
deleted file mode 100644
index 8bf1ac6..0000000
--- a/src/lib/ngx-dotpattern.service.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class NgxDotpatternService {
-
-  constructor() { }
-}