fix display on lower sizes

make the blur and spread radius depend on the height and width
of the building bar for the component

CHANGELOG.md

@@ -1,3 +1,6 @@
+## 0.1.1
+- Fix number display on lower sizes
+
 ## 0.1.0
 - Update README
 - Update Documentation

README.md

@@ -14,7 +14,7 @@ There is no special setup required, just add the dependency in `pubspec.yaml`, i
 
 Add the dependency in `pubspec.yaml`
 ```yaml
-digital_lcd_number: ^0.1.0 # Note: use latest version
+digital_lcd_number: ^0.1.1 # Note: use latest version
 ```
 
 Import the widget into dart file

lib/src/lcd_component.dart

@@ -1,3 +1,5 @@
+import 'dart:math';
+
 import 'package:flutter/material.dart';
 
 /// Bar which acts as the building blocks for the [DigitalLcdNumber].
@@ -6,6 +8,9 @@ class _BuildingBar extends StatelessWidget {
   /// [height], [width] and [barColor].
   ///
   /// It paints a small shadow with 80% of aplha around the bar.
+  ///
+  /// The spread and blur radius is the minimum of height and width clamped
+  /// between 1 and 15.
   const _BuildingBar({
     required this.height,
     required this.width,
@@ -23,13 +28,14 @@ class _BuildingBar extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final blurAndSpreadRadius = min(height, width).clamp(1.0, 15.0);
     return Container(
       decoration:
           BoxDecoration(borderRadius: BorderRadius.circular(50), boxShadow: [
         BoxShadow(
           color: barColor.withAlpha(barColor.alpha ~/ 1.25),
-          blurRadius: 10.0,
-          spreadRadius: 10.0,
+          blurRadius: blurAndSpreadRadius,
+          spreadRadius: blurAndSpreadRadius,
           offset: const Offset(
             0.0,
             0.0,

pubspec.yaml

@@ -1,6 +1,6 @@
 name: digital_lcd_number
 description: An automatic sizer digital single-digit number with LCD style widget.
-version: 0.1.0
+version: 0.1.1
 # homepage:
 repository: https://github.com/immadisairaj/digital_lcd_number