kamilniemczycki/toby
1
0
Fork 0
Code Issues Pull Requests 2 Projects Releases Activity

#172 - updated style

Browse Source
This commit is contained in:
Kamil Niemczycki 2022-07-08 12:23:26 +02:00
parent 8ac9df56f7
commit d4cc6691e6
Signed by: kamilniemczycki
GPG Key ID: 04D4E2012F969213
2 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
resources/js/Shared/DeployInfo.vue
View File

@ -3,9 +3,10 @@
:class="{ 'flex-col': isVertical(), 'flex-row': isHorizontal() }" :class="{ 'flex-col': isVertical(), 'flex-row': isHorizontal() }"
class="min-w-full p-4 text-xs text-gray-500 flex gap-x-1" class="min-w-full p-4 text-xs text-gray-500 flex gap-x-1"
> >
<p class="flex flex-row gap-x-1"> <p class="flex flex-col sm:flex-row gap-x-1">
<strong>Wersja:</strong> <span class="font-bold whitespace-nowrap">Wersja:</span>
<span <span
class="whitespace-nowrap"
:title="`Commit: ${deployInformation.slug_commit ?? 'unset'}`" :title="`Commit: ${deployInformation.slug_commit ?? 'unset'}`"
> >
{{ deployInformation.slug_description ?? 'unset' }} ({{ deployInformation.release_version ?? 'unset' }}) {{ deployInformation.slug_description ?? 'unset' }} ({{ deployInformation.release_version ?? 'unset' }})
@ -13,20 +14,25 @@
</p> </p>
<p <p
v-if="deployInformation.release_created_at" v-if="deployInformation.release_created_at"
class="flex flex-row gap-x-1" class="flex flex-col sm:flex-row gap-x-1"
:class="{ 'border-l-2 border-gray-300 pl-1': isHorizontal() }" :class="{ 'border-l-2 border-gray-300 pl-1': isHorizontal() }"
> >
<strong>Ostatnio zbudowano:</strong> <span class="font-bold whitespace-nowrap">Ostatnio zbudowano:</span>
<span>{{ getDate() }}</span> <span>{{ getDate() }}</span>
</p> </p>
<p <p
v-if="deployInformation.github_url" v-if="deployInformation.github_url"
:class="{ 'border-l-2 border-gray-300 pl-1': isHorizontal(), 'flex flex-row gap-x-1': isVertical() }" :class="{ 'border-l-2 border-gray-300 pl-1': isHorizontal(), 'flex flex-col sm:flex-row gap-x-1': isVertical() }"
> >
<strong v-if="isVertical()">Repozytorium:</strong> <span
v-if="isVertical()"
class="font-bold whitespace-nowrap"
>
Repozytorium:
</span>
<a <a
v-if="deployInformation.github_url" v-if="deployInformation.github_url"
class="text-gray-800 underline hover:no-underline hover:text-blumilk-600" class="text-gray-800 whitespace-nowrap underline hover:no-underline hover:text-blumilk-600"
:href="deployInformation.github_url" :href="deployInformation.github_url"
target="_blank" target="_blank"
rel="noopener nofollow noreferrer" rel="noopener nofollow noreferrer"

11
resources/js/Shared/Layout/AppLayout.vue
View File

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