2.0.2 Release

lock unlock widget resizable and position values from main window

README.md

@@ -20,18 +20,10 @@ This project is a desktop application developed using Electron.js and Node.js. T
   <summary>Clock</summary>
   <img src="/public/widgets/clock/screenshot.png"></img>
 </details>
-<details>
-  <summary>weather</summary>
-  <img src="/public/widgets/weather/screenshot.png"></img>
-</details>
 <details>
   <summary>dailyWeather</summary>
   <img src="/public/widgets/dailyWeather/screenshot.png"></img>
 </details>
-<details>
-  <summary>analogClock</summary>
-  <img src="/public/widgets/analogClock/screenshot.png"></img>
-</details>
 <details>
   <summary>diskusage</summary>
   <img src="/public/widgets/diskusage/screenshot.png"></img>
@@ -40,10 +32,6 @@ This project is a desktop application developed using Electron.js and Node.js. T
   <summary>hacker-news</summary>
   <img src="/public/widgets/hacker-news/screenshot.png"></img>
 </details>
-<details>
-  <summary>pomodoro</summary>
-  <img src="/public/widgets/pomodoro/screenshot.png"></img>
-</details>
 <details>
   <summary>transparentClock</summary>
   <img src="/public/widgets/transparentClock/screenshot.png"></img>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "electron-widgets",
   "productName": "electron-widgets",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "A minimal widget application created with electron.js",
   "main": ".vite/build/main.js",
   "scripts": {

public/widgets/clock/index.css

@@ -13,14 +13,12 @@
   --light-text: #131313e0;
   --light-primary: #242424c0;
   --light-border: 1px solid #aebbd6c9;
-  --light-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.171);
 
   /* Dark */
   --dark-background: #131313;
   --dark-text: #e0e0e0;
   --dark-primary: #c0c0c0;
   --dark-border: 1px solid #3030309a;
-  --dark-box-shadow: 1px 1px 20px rgba(214, 214, 214, 0.096);
 
   /* Transition */
   --transition-duration: 1s;
@@ -33,7 +31,6 @@
     --text: var(--dark-text);
     --primary: var(--dark-primary);
     --border: var(--dark-border);
-    --box-shadow: var(--dark-box-shadow);
   }
 
   body {
@@ -43,8 +40,7 @@
   .container {
     transition:
       background-color var(--transition-duration),
-      border-color var(--transition-duration),
-      box-shadow var(--transition-duration);
+      border-color var(--transition-duration);
   }
 }
 
@@ -55,7 +51,6 @@
     --text: var(--light-text);
     --primary: var(--light-primary);
     --border: var(--light-border);
-    --box-shadow: var(--light-box-shadow);
   }
 
   body {
@@ -65,8 +60,7 @@
   .container {
     transition:
       background-color var(--transition-duration),
-      border-color var(--transition-duration),
-      box-shadow var(--transition-duration);
+      border-color var(--transition-duration);
   }
 }
 
@@ -100,7 +94,6 @@ body {
   padding-top: 12px;
   padding-bottom: 12px;
   border: var(--border);
-  box-shadow: var(--box-shadow);
   display: flex;
   width: 95%;
   flex-direction: column;

public/widgets/dailyWeather/index.css

@@ -87,3 +87,9 @@ p {
 #weather-icon {
   font-family: "Montserrat", sans-serif;
 }
+#temp {
+  font-family: "Montserrat", sans-serif;
+  font-size: 2rem;
+  font-weight: 700;
+  color: var(--primary);
+}

public/widgets/dailyWeather/index.html

@@ -28,6 +28,7 @@
         width: 100%;
         padding: 0;
         text-align: center;
+        height: 100vh;
       "
     >
       <div
@@ -79,7 +80,6 @@
           margin-top: 10px;
         "
       >
-        <i style="color: rgb(165, 135, 0)" id="icon"></i>
         <p id="temp">23</p>
       </div>
     </div>