tweak(web): fix background fill screen

bitxeno · Jul 7, 2023 · 5b53160 · 5b53160
1 parent f4413dc
commit 5b53160
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 13 deletions.
diff --git a/view/src/page/home/index.vue b/view/src/page/home/index.vue
@@ -125,7 +125,7 @@
                     >
                     <div class="inline-flex">
                       <div class="w-32 rounded relative">
-                        <img :src="iconUrl(item)" class="rounded-md"/>
+                        <img :src="iconUrl(item)" class="rounded-md" />
                         <div
                           class="absolute w-full h-full top-0 flex items-center justify-center bg-[#00000066]"
                           v-show="isInstalling(item)"
@@ -153,10 +153,10 @@
                   </div>
                 </div>
               </td>
-              <td>
+              <td class="lg:break-all">
                 {{ formatDeviceName(item) }}
               </td>
-              <td>{{ item.account }}</td>
+              <td class="lg:break-all">{{ item.account }}</td>
               <td>
                 <div class="badge badge-ghost w-16">
                   {{ formatExpiredTime(item) }}
@@ -307,7 +307,7 @@ export default {
         clearTimeout(this.checkInstallingTimer);
       }
 
-      this.checkInstallingTimer = setTimeout(function() {
+      this.checkInstallingTimer = setTimeout(function () {
         _this.checkInstallingApp();
       }, 10 * 1000);
     },
@@ -400,9 +400,8 @@ export default {
       if (app.icon) {
         return `/apps/${app.ID}/icon`;
       } else {
-        return '/img/dummy.jpg';
+        return "/img/dummy.jpg";
       }
-      
     },
     logUrl(item) {
       return `/apps/${item.ID}/log`;

diff --git a/view/src/page/layout.vue b/view/src/page/layout.vue
@@ -37,13 +37,9 @@ import SettingsIcon from "@/assets/icons/settings.svg";
 <style lang="postcss" scoped>
 .app-container {
   width: 100%;
-  /**width: 100vw;
-    min-width: 600px; **/
-  left: 50%;
-  transform: translateX(-50%);
-  position: absolute;
-  top: 0;
-  bottom: 0;
+  min-height: 100vh;
+  background-attachment: fixed;
+  background-size: cover;
   background-repeat: no-repeat;
   background-image: radial-gradient(
       circle 800px at 700px 200px,