Refactor Docker workflow for ARM64 image build and deployment; enhance BloodSugarMonitor and TemperatureMonitor UI for improved readability

Author: snow-jallen

.github/workflows/docker-image.yml

@@ -11,58 +11,25 @@ on:
   # Then a new version will be deployed on the self-hosted runner.
 
 jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-    - name: Checkout code
-      uses: actions/checkout@v4
-      
-    - name: Set up Docker Buildx
-      uses: docker/setup-buildx-action@v3
-      
-    - name: Build ARM64 image
-      uses: docker/build-push-action@v5
-      with:
-        context: .
-        file: ./HomeSpeaker.Server2/Dockerfile
-        platforms: linux/arm64
-        tags: homespeakerserver2:latest
-        outputs: type=docker,dest=/tmp/homespeaker-arm64.tar
-        cache-from: type=gha
-        cache-to: type=gha,mode=max
-        
-    - name: Upload image artifact
-      uses: actions/upload-artifact@v4
-      with:
-        name: homespeaker-arm64-image
-        path: /tmp/homespeaker-arm64.tar
-        retention-days: 1
-
-  deploy:
-    needs: build
+  rpi4:
     runs-on: [self-hosted, "${{ matrix.runner}}" ]
     strategy:
       matrix:
         runner: [rpi4, rpi42]
 
     steps:
-    - name: Checkout code
-      uses: actions/checkout@v4
-      
-    - name: Download image artifact
-      uses: actions/download-artifact@v4
-      with:
-        name: homespeaker-arm64-image
-        path: /tmp/
-        
-    - name: Load Docker image
-      run: docker load < /tmp/homespeaker-arm64.tar
-      
+    - uses: actions/checkout@v3
+
+    - name: Docker compose pull
+      run: docker-compose pull
+
     - name: Docker compose down
       run: docker-compose down
-      
+
     - name: Docker compose up
       env:
+        COMPOSE_DOCKER_CLI_BUILD: 1
+        DOCKER_BUILDKIT: 1
         GOVEE_API_KEY: ${{ secrets.GOVEE_API_KEY }}
-      run: docker-compose up -d --remove-orphans
+      run: docker-compose up -d --build --remove-orphans
 

HomeSpeaker.WebAssembly/Components/BloodSugarMonitor.razor

@@ -95,18 +95,17 @@
 <style>    .blood-sugar-card .blood-sugar-display {
         margin: 0.25rem 0;
         line-height: 0.9;
-    }
-      .blood-sugar-card .blood-sugar-display .display-1 {
-        font-size: 4rem !important;
+    }    .blood-sugar-card .blood-sugar-display .display-1 {
+        font-size: 3.6rem !important;
         text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
     }
     
     /* Extra large on smaller screens for better visibility */
     @@media (max-width: 1024px) {
         .blood-sugar-card .blood-sugar-display .display-1 {
-            font-size: 5rem !important;
+            font-size: 4.5rem !important;
         }
-    }    .blood-sugar-card .trend-display {
+    }.blood-sugar-card .trend-display {
         margin: 0.25rem 0;
         line-height: 1.1;
     }

HomeSpeaker.WebAssembly/Components/TemperatureMonitor.razor

@@ -123,15 +123,15 @@
 <style>    .temperature-card .temperature-display {
         margin: 0.25rem 0;
         line-height: 0.9;
-    }.temperature-card .temperature-display .display-1 {
-        font-size: 4rem !important;
+    }    .temperature-card .temperature-display .display-1 {
+        font-size: 3.6rem !important;
         text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
     }
     
     /* Extra large on smaller screens for better visibility */
     @@media (max-width: 1024px) {
         .temperature-card .temperature-display .display-1 {
-            font-size: 5rem !important;
+            font-size: 4.5rem !important;
         }
     }
     

docker-compose.yml

@@ -2,7 +2,10 @@ version: '3.4'
 services:
   homespeaker.server2:
     container_name: homespeaker
-    image: homespeakerserver2:latest
+    image: homespeakerserver2
+    build:
+      context: .
+      dockerfile: HomeSpeaker.Server2/Dockerfile
     restart: unless-stopped
     devices:
     - /dev/snd:/dev/snd
@@ -42,4 +45,4 @@ services:
       speakernet:
 
 networks:
-  speakernet:
+ speakernet: