style: fix the Prettier linted files

.dockerignore

@@ -5,5 +5,5 @@
 /node_modules/
 /static/
 /target/
-/docker-compose-dev.yml
+/docker-compose-dev.yaml
-/docker-compose-prod.yml
+/docker-compose-prod.yaml

.idea/runConfigurations/dev.xml

@@ -3,7 +3,7 @@
     <deployment type="docker-compose.yml">
       <settings>
         <option name="envFilePath" value="" />
-        <option name="sourceFilePath" value="docker-compose-dev.yml" />
+        <option name="sourceFilePath" value="docker-compose-dev.yaml" />
       </settings>
     </deployment>
     <method v="2" />

assets/styles/fonts.css

@@ -1,17 +1,17 @@
 @layer base {
-    @font-face {
+  @font-face {
-        font-family: Inter;
+    font-family: Inter;
-        font-style: normal;
+    font-style: normal;
-        font-weight: 100 900;
+    font-weight: 100 900;
-        font-display: swap;
+    font-display: swap;
-        src: url("/assets/fonts/inter_variable.woff2") format("woff2");
+    src: url("/assets/fonts/inter_variable.woff2") format("woff2");
-    }
+  }
 
-    @font-face {
+  @font-face {
-        font-family: Inter;
+    font-family: Inter;
-        font-style: italic;
+    font-style: italic;
-        font-weight: 100 900;
+    font-weight: 100 900;
-        font-display: swap;
+    font-display: swap;
-        src: url("/assets/fonts/inter_variable_italic.woff2") format("woff2");
+    src: url("/assets/fonts/inter_variable_italic.woff2") format("woff2");
-    }
+  }
 }

assets/styles/input_number_arrows.css

@@ -1,10 +1,10 @@
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
-    display: none;
+  display: none;
-    appearance: none;
+  appearance: none;
-    margin: 0;
+  margin: 0;
 }
 
 input[type="number"] {
-    appearance:textfield;
+  appearance: textfield;
 }

assets/styles/input_range.css

@@ -1,63 +1,63 @@
 input[type="range"],
 input[type="range"]::-webkit-slider-runnable-track,
 input[type="range"]::-webkit-slider-thumb {
-    appearance: none;
+  appearance: none;
 }
 
 input[type="range"] {
-    background: transparent;
+  background: transparent;
 }
 
 input[type="range"]::-moz-range-thumb {
-    width: 1.25rem;
+  width: 1.25rem;
-    height: 1.25rem;
+  height: 1.25rem;
-    background: rgba(228 228 231);
+  background: rgba(228 228 231);
-    border: 0;
+  border: 0;
-    border-radius: 0.5rem;
+  border-radius: 0.5rem;
 }
 
 input[type="range"]::-moz-range-progress {
-    background: #525259;
+  background: #525259;
-    height: 0.5rem;
+  height: 0.5rem;
-    border-radius: 0.25rem;
+  border-radius: 0.25rem;
 }
 
 input[type="range"]::-moz-range-track {
-    background: rgba(39 39 42 / 50%);
+  background: rgba(39 39 42 / 50%);
-    height: 0.5rem;
+  height: 0.5rem;
-    border-radius: 0.25rem;
+  border-radius: 0.25rem;
 }
 
 input[type="range"].input-range-reverse::-moz-range-progress {
-    background: #2d2d31;
+  background: #2d2d31;
-    height: 0.5rem;
+  height: 0.5rem;
-    border-radius: 0.25rem;
+  border-radius: 0.25rem;
 }
 
 input[type="range"].input-range-reverse::-moz-range-track {
-    background: rgba(113 113 122 / 50%);
+  background: rgba(113 113 122 / 50%);
-    height: 0.5rem;
+  height: 0.5rem;
-    border-radius: 0.25rem;
+  border-radius: 0.25rem;
 }
 
 input[type="range"]::-webkit-slider-thumb {
-    width: 1.25rem;
+  width: 1.25rem;
-    height: 1.25rem;
+  height: 1.25rem;
-    background: rgba(228 228 231);
+  background: rgba(228 228 231);
-    border: 0;
+  border: 0;
-    border-radius: 0.5rem;
+  border-radius: 0.5rem;
-    position: relative;
+  position: relative;
-    top: -0.4rem;
+  top: -0.4rem;
 }
 
 input[type="range"]::-webkit-slider-runnable-track {
-    background: rgba(39 39 42 / 50%);
+  background: rgba(39 39 42 / 50%);
-    height: 0.5rem;
+  height: 0.5rem;
-    border-radius: 0.25rem;
+  border-radius: 0.25rem;
 }
 
 input[type="range"].input-range-reverse::-webkit-slider-runnable-track {
-    background: rgba(39 39 42 / 50%);
+  background: rgba(39 39 42 / 50%);
-    height: 0.5rem;
+  height: 0.5rem;
-    border-radius: 0.25rem;
+  border-radius: 0.25rem;
 }

docker-compose-dev.yaml

@@ -1,3 +1,4 @@
+---
 services:
   app:
     build:
@@ -14,13 +15,13 @@ services:
       - ./package.json:/srv/app/package.json
       - ./package-lock.json:/srv/app/package-lock.json
     restart: always
-    ports: [ "8000:8000" ]
+    ports: ["8000:8000"]
-    depends_on: [ "db" ]
+    depends_on: ["db"]
 
   db:
     image: postgres:16.4-bookworm
-    volumes: [ "db_data:/var/lib/postgresql/data" ]
+    volumes: ["db_data:/var/lib/postgresql/data"]
-    ports: [ "5432:5432" ]
+    ports: ["5432:5432"]
     environment:
       POSTGRES_DB: todo_baggins
       POSTGRES_USER: app

docker-compose-prod.yaml

@@ -1,3 +1,4 @@
+---
 services:
   app:
     build:
@@ -6,11 +7,11 @@ services:
       - default
       - web-server-network
     restart: always
-    depends_on: [ "db" ]
+    depends_on: ["db"]
 
   db:
     image: postgres:16.4-bookworm
-    volumes: [ "db_data:/var/lib/postgresql/data" ]
+    volumes: ["db_data:/var/lib/postgresql/data"]
     networks:
       - default
     environment:

src/styles/tailwind.config.js

@@ -1,12 +1,12 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-    mode: "all",
+  mode: "all",
-    content: ["./src/**/*.{rs,html,css}", "./dist/**/*.html"],
+  content: ["./src/**/*.{rs,html,css}", "./dist/**/*.html"],
-    theme: {
+  theme: {
-        fontFamily: {
+    fontFamily: {
-            sans: ["Inter", "sans-serif"],
+      sans: ["Inter", "sans-serif"],
-        },
-        extend: {},
     },
-    plugins: [],
+    extend: {},
+  },
+  plugins: [],
 };