Skip to content
Snippets Groups Projects
Commit 2c013930 authored by Konrad Mohrfeldt's avatar Konrad Mohrfeldt :koala:
Browse files

refactor: some small layout improvements

parent a6c78955
No related branches found
No related tags found
No related merge requests found
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
/> />
<div <div
class="tw-grid tw-gap-6 tw-items-start tw-grid-cols-1 xl:tw-grid-cols-2 2xl:tw-grid-cols-3 tw-mb-6" class="tw-grid tw-gap-6 tw-items-start tw-grid-cols-1 xl:tw-grid-cols-2 2xl:tw-grid-cols-3 tw-mb-6 tw-max-w-[1600px]"
> >
<AFieldset <AFieldset
class="tw-bg-white tw-col-span-full 2xl:tw-col-span-2" class="tw-bg-white tw-col-span-full 2xl:tw-col-span-2"
......
<template> <template>
<fieldset class="tw-flex tw-gap-3 tw-items-start"> <fieldset class="tw-flex tw-gap-3 tw-items-start tw-flex-wrap">
<FormGroup <FormGroup
v-slot="attrs" v-slot="attrs"
class="tw-m-0 tw-min-w-16 tw-max-w-content tw-flex-1" class="tw-m-0 tw-w-32 tw-flex-none"
:errors="getFieldErrors(errors, 'typeId')" :errors="getFieldErrors(errors, 'typeId')"
> >
<select <select
v-model="link.typeId" v-model="link.typeId"
v-bind="attrs" v-bind="attrs"
class="tw-truncate tw-min-w-0" class="tw-truncate"
:required="deletable" :required="deletable"
:aria-label="t('link.fields.typeId')" :aria-label="t('link.fields.typeId')"
@blur="emit('check')" @blur="emit('check')"
...@@ -24,7 +24,11 @@ ...@@ -24,7 +24,11 @@
</optgroup> </optgroup>
</select> </select>
</FormGroup> </FormGroup>
<FormGroup v-slot="attrs" class="tw-m-0 tw-flex-[2]" :errors="getFieldErrors(errors, 'url')"> <FormGroup
v-slot="attrs"
class="tw-m-0 tw-min-w-24 tw-flex-1"
:errors="getFieldErrors(errors, 'url')"
>
<input <input
v-bind="attrs" v-bind="attrs"
ref="urlEl" ref="urlEl"
...@@ -39,11 +43,10 @@ ...@@ -39,11 +43,10 @@
</FormGroup> </FormGroup>
<button <button
v-if="deletable"
type="button" type="button"
class="btn btn-sm btn-default tw-size-9 tw-translate-y-px" class="btn btn-sm btn-default tw-size-9 tw-translate-y-px tw-flex-none"
:title="t('delete')" :title="t('delete')"
:role="deletable ? undefined : 'presentation'"
:style="{ visibility: deletable ? undefined : 'hidden' }"
@click="emit('delete')" @click="emit('delete')"
> >
<icon-system-uicons-trash /> <icon-system-uicons-trash />
......
<template> <template>
<FormGroup v-slot="attrs" :errors="slug.errors"> <FormGroup v-slot="attrs" :errors="slug.errors">
<div> <div>
<div class="tw-flex tw-gap-2"> <div class="tw-flex tw-gap-2 tw-flex-wrap">
<input v-model="newSlug" type="text" v-bind="attrs" /> <input v-model="newSlug" type="text" v-bind="attrs" class="tw-min-w-48 tw-flex-[2]" />
<button <button
type="button" type="button"
class="btn btn-default tw-whitespace-nowrap" class="btn btn-default tw-whitespace-nowrap tw-flex-none"
:disabled="newSlug === show.slug" :disabled="newSlug === show.slug"
@click="confirmSlugRenaming" @click="confirmSlugRenaming"
> >
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment