Refactored /app/x

resources/scss/layout/_header.scss

@@ -2,6 +2,7 @@
 
 .header {
   padding: 50px 7%;
+  margin-bottom: 60px;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -45,6 +46,10 @@
       transform: translate(0);
     }
     */
+
+    >img {
+      height: 100%;
+    }
   }
 
   >.nav {

resources/scss/module/apps.scss

@@ -1,3 +1,10 @@
+.flex-spacer {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  min-width: 100%;
+}
+
 div#app-head {
   display: flex;
   gap: 20px;
@@ -43,10 +50,6 @@ table#app-details-table {
     padding-right: 35px;
     border: 8px transparent solid;
   }
-
-  >thead {
-    font-weight: normal;
-  }
 }
 
 h1.app-prop-title {
@@ -55,4 +58,20 @@ h1.app-prop-title {
 
   margin-top: 20px;
   margin-bottom: 10px;
+}
+
+table#app-release-table {
+  background-color: #eee;
+  min-width: 100%;
+
+  th,
+  td {
+    padding: 10px;
+    border: 1px solid #ccc;
+  }
+
+  tr:nth-child(even) {
+    background-color: #ddd;
+  }
+
 }

resources/views/base/header.edge

@@ -1,6 +1,6 @@
-<header class="header top">
+<header class="header">
   <a href="/" class="logo">
-    <img src="/img/logo.png" alt="Paxo" style="height: 100%">
+    <img src="/img/logo_store.svg" alt="Paxo store logo">
   </a>
 
   <nav class="nav">

resources/views/store/app.edge

@@ -1,12 +1,21 @@
 @component('store/store_container')
-<div id="app-head">
-  <img src="{{ app.image ?? '/img/logo.png'}}">
-  <div id="app-details">
-    <h1>{{app.name}}</h1>
-    <h2>{{author.username}}</h2>
+<div class="flex-spacer">
+  <div id="app-head">
+    <img src="{{ app.image ?? '/img/logo.png'}}">
+    <div id="app-details">
+      <h1>{{app.name}}</h1>
+      <h2>{{author.username}}</h2>
+    </div>
+  </div>
+
+  <div id="app-head-actions">
+    <a href="/app/{{app.id}}/download" class="btn btn-submit">
+      Télécharger
+    </a>
   </div>
 </div>
 
+
 <table id="app-details-table">
   <thead>
     <tr>
@@ -21,7 +30,7 @@
       <td>{{app.downloads}}</td>
       <!-- <td>Non implémenté</td> -->
       <td>Francais</td>
-      <td><a href="{{app.ext_url}}">{{ (new URL(app.ext_url)).hostname }}</a></td>
+      <td><a href="{{app.ext_url}}" target="_blank">{{ (new URL(app.ext_url)).hostname }}</a></td>
     </tr>
   </tbody>
 </table>
@@ -34,7 +43,7 @@
 
 <h1 class="app-prop-title">Versions</h1>
 
-<table style="border: 1px solid gray;">
+<table id="app-release-table">
   <thead>
     <th>Version</th>
     <th>Actions</th>
@@ -53,12 +62,17 @@
   @end
 </table>
 
-<div class="flex justify-center">
+@if(user && user.id == author.id)
+
+<h1 class="app-prop-title">Administration de l'app</h1>
+<div style="display: flex; gap: 15px;">
   <a href="/app/{{app.id}}/manage" class="btn btn-submit">
     Modifier
   </a>
-  <a href="/app/{{app.id}}/releases/manage" class="btn btn-submit" style="margin-left: 10px;">
+  <a href="/app/{{app.id}}/releases/manage" class="btn btn-submit">
     Gérer les versions
   </a>
 </div>
+
+@endif
 @end

resources/views/store/store_container.edge

@@ -36,7 +36,7 @@ Store
         </div>
       </div>
 
-      <div style="float:left; width: calc(100% - 300px); text-align:left;">
+      <div style="float:left; width: calc(100% - 300px); text-align:left; margin-bottom: 100px;">
         {{{ await $slots.main() }}}
       </div>
     </div>