diff options
| author | Santo Cariotti <santo@dcariotti.me> | 2022-09-27 17:01:50 +0200 |
|---|---|---|
| committer | Santo Cariotti <santo@dcariotti.me> | 2022-09-27 17:01:50 +0200 |
| commit | dece994506a5408f8f7542926e6942ea38c62916 (patch) | |
| tree | 1e588870930f964bc23c3559c48a05f1bce3a801 /components | |
| parent | 27bf626f10a9f48a6cf0e24180af7c03991f66fc (diff) | |
Responsive for model warnings box
Diffstat (limited to 'components')
| -rw-r--r-- | components/ModelReportsList.vue | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/components/ModelReportsList.vue b/components/ModelReportsList.vue index fe52320..ae429e4 100644 --- a/components/ModelReportsList.vue +++ b/components/ModelReportsList.vue @@ -46,22 +46,22 @@ | {{ warning.created|moment("DD/MM/YYYY HH:mm") }} p {{ warning.note }} .py-3.pl-3.pr-4(v-else) - h3.flex.leading-6.mb-2.float-right + h3.flex.leading-6.mt-1.float-right(class="sm:mb-2 sm:mt-0") <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mr-2 w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> | {{ warning.created|moment("DD/MM/YYYY HH:mm") }} - .flex - .mr-3(style="flex-shrink: 0;") + .block(class="sm:flex") + .mr-3.float-left(style="flex-shrink: 0;" class="sm:float-none") user-avatar(:data="warning.user") - p.leading-8 + p.leading-8.ml-2(class="sm:ml-0") a.text-green-800(class="hover:text-green-700" :href="'/user/'+warning.user.id") | @ span.underline {{ warning.user.username }} - p.leading-8.ml-5 {{ warning.note }} - .pr-3 + p.leading-8.ml-0(class="sm:ml-5") {{ warning.note }} + .pr-0.flow-root(class="sm:block sm:pr-3") button( - class="ml-5 cursor-pointer rounded-md border border-green-600 flex bg-green-600 py-2 px-3 text-xs font-medium leading-4 text-white shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2" + class="float-right sm:float-none ml-5 cursor-pointer rounded-md border border-green-600 flex bg-green-600 py-2 px-3 text-xs font-medium leading-4 text-white shadow-sm hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2" v-if="!warning.resolved_by" @click="boxToResolve = warning.id" ) @@ -76,14 +76,14 @@ <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> | {{ warning.updated|moment("DD/MM/YYYY HH:mm") }} - .flex - .mr-3(style="flex-shrink: 0;") + .block(class="sm:flex") + .mr-3.float-left(style="flex-shrink: 0;" class="sm:float-none") user-avatar(:data="warning.resolved") - p.leading-8 + p.leading-8.ml-2(class="sm:ml-0") a.text-green-800(class="hover:text-green-700" :href="'/user/'+warning.user.id") | @ span.underline {{ warning.resolved.username }} - p.leading-8.ml-5 {{ warning.admin_note }} + p.leading-8.ml-0(class="sm:ml-5") {{ warning.admin_note }} </template> <script> |