misc tuning

frontend/src/components/Footer.vue

@@ -1,7 +1,7 @@
 <template>
   <footer>
-    <p>Copyright &copy; 2023-present BioArchLinux members.</p>
-    <p>Made by literal.</p>
+    <p>Copyright &copy; 2023-present <a href="https://bioarchlinux.org" title="Contact Community">BioArchLinux members</a>.</p>
+    <p>Made by <a href="https://github.com/sinsong">literal</a>.</p>
     <p>The registered trademark Linux® is used pursuant to a sublicense from LMI, the exclusive licensee of Linus Torvalds, owner of the mark on a world-wide basis.</p>
   </footer>
 </template>

frontend/src/components/Index/PackageList.vue

@@ -64,7 +64,7 @@ watch(
           <td v-for="heading in tableHeaders">
             <router-link v-if="heading.field == 'name'" :to="`/${pkg.name}`">{{pkg.name}}</router-link>
             <time v-else-if="heading.field == 'builddate'" :datetime="moment.unix(pkg.builddate).format()">{{ moment.unix(pkg.builddate).format('YYYY-MM-DD') }}</time>
-            <span v-else>{{ pkg[heading.field] }}</span>
+            <span v-else :class="{ wrap: heading.field === 'desc' }">{{ pkg[heading.field] }}</span>
           </td>
         </tr>
       </tbody>

frontend/src/style/_root.scss

@@ -15,7 +15,7 @@
   -webkit-text-size-adjust: 100%;
 }
 
-@media screen and (max-width: 576px) {
+@media screen and (max-width: 650px) {
   :root {
     font-size: 12px;
   }

frontend/src/style/main.scss

@@ -41,6 +41,10 @@ table {
   margin: .5em 0;
 }
 
+.wrap {
+  white-space: normal;
+}
+
 .box {
   border: 1px solid #bcd;
   padding: .5em;