design update

desktop-client/src/background.js

@@ -14,8 +14,9 @@ protocol.registerSchemesAsPrivileged([
 async function createWindow() {
   // Create the browser window.
   const win = new BrowserWindow({
-    width: 800,
-    height: 600,
+    show: false,
+    width: 1200,
+    height: 740,
     webPreferences: {
       // Use pluginOptions.nodeIntegration, leave this alone
       // See nklayman.github.io/vue-cli-plugin-electron-builder/guide/security.html#node-integration for more info
@@ -23,11 +24,13 @@ async function createWindow() {
       preload: path.join(__dirname, "../preload.js"),
     },
   });
+  win.maximize();
+  win.show();
 
   if (process.env.WEBPACK_DEV_SERVER_URL) {
     // Load the url of the dev server if in development mode
     await win.loadURL(process.env.WEBPACK_DEV_SERVER_URL);
-    if (!process.env.IS_TEST) win.webContents.openDevTools();
+    // if (!process.env.IS_TEST) win.webContents.openDevTools();
   } else {
     createProtocol("app");
     // Load the index.html when not in development

desktop-client/src/components/Bucket.vue

@@ -17,7 +17,12 @@
         </button>
       </div>
     </div>
-    <button @click="exportToFile">Dışa Aktar</button>
+    <button
+      class="bg-pardus-yellow px-4 py-2 text-sm text-gray-900 font-medium rounded-md shadow-md w-full mt-4"
+      @click="exportToFile"
+    >
+      Kurulum Dosyası Olarak Dışa Aktar
+    </button>
   </div>
 </template>
 

desktop-client/src/views/AppPackages.vue

@@ -26,7 +26,7 @@
       <div
         v-for="pkg in filteredAppPackages"
         :key="pkg.id"
-        class="bg-gray-700 bg-opacity-50 rounded-xl shadow-lg pt-2 pb-8 overflow-hidden flex flex-col justify-between relative"
+        class="bg-gray-700 bg-opacity-50 rounded-xl shadow-xg pt-4 pb-8 overflow-hidden relative"
       >
         <button
           class="absolute rounded-tl-lg right-0 bottom-0 px-2 py-2 text-gray-900 bg-pardus-yellow flex items-center"
@@ -42,7 +42,7 @@
         >
           <IconCheck class="h-12 w-12 text-white" />
         </span>
-        <div>
+        <div class="mb-4">
           <img class="w-full object-contain h-24" :src="pkg.image_url" />
           <h3 class="font-medium text-gray-200 mx-4 text-xl mt-4">
             {{ pkg.name }}

desktop-client/tailwind.config.js

@@ -3,11 +3,11 @@ module.exports = {
   darkMode: false, // or 'media' or 'class'
   theme: {
     extend: {
-      spacing: {
-        128: "36rem",
-      },
+      // spacing: {
+      //   128: "36rem",
+      // },
       colors: {
-        "pardus-yellow": "#FFCC00",
+        "pardus-yellow": "#ffcb01",
       },
     },
   },