- content improvement

.env.ci

@@ -21,9 +21,3 @@ SESSION_DRIVER=array
 SESSION_LIFETIME=120
 FILESYSTEM_DISK=local
 MAIL_MAILER=array
-
-HEROKU_RELEASE_VERSION=v01
-HEROKU_SLUG_DESCRIPTION="Dev 643f546"
-HEROKU_RELEASE_CREATED_AT=2022-07-04T18:05:46Z
-HEROKU_SLUG_COMMIT=643f546142b8a2db342f0ae46f01e61dce03e97c
-GITHUB_REPO_URL=https://github.com/blumilksoftware/toby/

app/Infrastructure/Http/Middleware/HandleInertiaRequests.php

@@ -75,12 +75,12 @@ class HandleInertiaRequests extends Middleware
 
     protected function getDeployInformation(): Closure
     {
-        return fn(): array => [
+        return fn() => [
             "release_version" => config("heroku.release_version"),
             "slug_description" => config("heroku.slug_description"),
             "release_created_at" => config("heroku.release_created_at"),
             "slug_commit" => config("heroku.slug_commit"),
-            "github_url" => config("heroku.github_url", ""),
+            "github_url" => preg_replace("/\/$/i", "", config("heroku.github_url", "")),
         ];
     }
 }

phpunit.xml

@@ -32,10 +32,5 @@
         <env name="QUEUE_CONNECTION" value="sync"/>
         <env name="SESSION_DRIVER" value="array"/>
         <env name="TELESCOPE_ENABLED" value="false"/>
-        <env name="HEROKU_RELEASE_VERSION" value="v01"/>
-        <env name="HEROKU_SLUG_DESCRIPTION" value="Dev 643f546"/>
-        <env name="HEROKU_RELEASE_CREATED_AT" value="2022-07-04T18:05:46Z"/>
-        <env name="HEROKU_SLUG_COMMIT" value="643f546142b8a2db342f0ae46f01e61dce03e97c"/>
-        <env name="GITHUB_REPO_URL" value="https://github.com/blumilksoftware/toby"/>
     </php>
 </phpunit>

resources/js/Shared/DeployInfo.vue

@@ -1,11 +1,11 @@
 <template>
   <div
-    class="min-w-full p-4 text-xs text-gray-500 flex flex-row gap-x-1"
+    :class="{ 'flex-col': isVertical(), 'flex-row': isHorizontal() }"
+    class="min-w-full p-4 text-xs text-gray-500 flex gap-x-1"
   >
-    <p class="flex flex-col sm:flex-row gap-x-1">
+    <p class="flex flex-row gap-x-1">
-      <span class="font-bold whitespace-nowrap">Wersja:</span>
+      <strong>Wersja:</strong>
       <span
-        class="whitespace-nowrap"
         :title="`Commit: ${deployInformation.slug_commit ?? 'unset'}`"
       >
         {{ deployInformation.slug_description ?? 'unset' }} ({{ deployInformation.release_version ?? 'unset' }})
@@ -13,20 +13,20 @@
     </p>
     <p
       v-if="deployInformation.release_created_at"
-      class="flex flex-col sm:flex-row gap-x-1 border-l-2 border-gray-300 pl-1"
+      class="flex flex-row gap-x-1"
+      :class="{ 'border-l-2 border-gray-300 pl-1': isHorizontal() }"
     >
-      <span class="font-bold whitespace-nowrap">Ostatnio zbudowano:</span>
+      <strong>Ostatnio zbudowano:</strong>
       <span>{{ getDate() }}</span>
     </p>
     <p
       v-if="deployInformation.github_url"
-      class="flex flex-col sm:flex-row gap-x-1 border-l-2 border-gray-300 pl-1"
+      :class="{ 'border-l-2 border-gray-300 pl-1': isHorizontal(), 'flex flex-row gap-x-1': isVertical() }"
     >
-      <span class="hidden sm:block font-bold whitespace-nowrap">Repozytorium:</span>
+      <strong v-if="isVertical()">Repozytorium:</strong>
-      <span class="block sm:hidden font-bold whitespace-nowrap">Repo:</span>
       <a
         v-if="deployInformation.github_url"
-        class="text-gray-800 whitespace-nowrap underline hover:no-underline hover:text-blumilk-600"
+        class="text-gray-800 underline hover:no-underline hover:text-blumilk-600"
         :href="deployInformation.github_url"
         target="_blank"
         rel="noopener nofollow noreferrer"
@@ -40,8 +40,20 @@ import { DateTime } from 'luxon'
 
 let props = defineProps({
   deployInformation: Object,
+  layout: {
+    type: String,
+    default: 'horizontal',
+  },
 })
 
+function isVertical() {
+  return props.layout === 'vertical'
+}
+
+function isHorizontal() {
+  return props.layout === 'horizontal'
+}
+
 function getDate() {
   return DateTime.fromISO(props.deployInformation.release_created_at)
     .toLocaleString({

resources/js/Shared/Layout/AppLayout.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="relative min-h-screen">
+  <div class="min-h-full">
     <MainMenu
       :auth="auth"
       :years="years"
@@ -9,12 +9,10 @@
       <div class="lg:px-4">
         <slot />
       </div>
-      <div class="h-8 sm:h-4"></div>
+      <DeployInfo
+        :deploy-information="deployInformation"
+      />
     </main>
-    <DeployInfo
-      :deploy-information="deployInformation"
-      class="absolute bottom-0 justify-end"
-    />
   </div>
 </template>
 

resources/js/Shared/Layout/GuestLayout.vue

@@ -3,7 +3,8 @@
     <slot />
     <DeployInfo
       :deploy-information="deployInformation"
-      class="absolute left-0 bottom-0 justify-end"
+      layout="vertical"
+      class="absolute right-0 bottom-0"
     />
   </div>
 </template>