Commit e1ea9778 authored by christianrhansen's avatar christianrhansen

styling #2

parent dec4ff68
Pipeline #50750 passed with stage
in 4 minutes and 57 seconds
......@@ -20,7 +20,7 @@
:title="tableTitle")
div.q-py-md.full-width(slot="item", slot-scope="props")
q-card.bg-grey-9.q-px-none
q-card.bg-grey-9.q-px-none.custom-card
q-card-main.q-py-none.q-px-none.text-grey-7.row
.col
......@@ -34,23 +34,32 @@
br
| {{ getTitle(props, prop) }}
q-card-separator
// q-card-separator
q-card-title.q-py-sm
template(v-if="customTitleLink")
q-btn(type="a", color="primary", :to="getCustomLink(customTitleLink, props.row._uuid)", flat,
:class="{'text-white': pagination.sortBy === 'title'}")
promise-span(:value="props.row.title")
q-item
q-item-main
template(v-if="customTitleLink")
q-btn(type="a", color="primary", :to="getCustomLink(customTitleLink, props.row._uuid)", flat,
:class="{'text-white': pagination.sortBy === 'title'}")
promise-span(:value="props.row.title")
template(v-else)
q-btn(v-if="hasShow", type="a", color="primary", :to="getViewLink(props.row._uuid)", flat,
:class="{'text-white': pagination.sortBy === 'title'}")
promise-span(:value="props.row.title")
promise-span(v-if="!hasShow", :value="props.row.title", :class="{'text-white': pagination.sortBy === 'title'}")
template(v-else)
q-btn(v-if="hasShow", type="a", color="primary", :to="getViewLink(props.row._uuid)", flat,
:class="{'text-white': pagination.sortBy === 'title'}")
promise-span(:value="props.row.title")
promise-span(v-if="!hasShow", :value="props.row.title", :class="{'text-white': pagination.sortBy === 'title'}")
//
q-item-side
q-btn(flat, round)
q-icon(name="edit")
q-popover(anchor="center left", self="center right")
q-btn.text-grey-7(v-for="btn in config.actions", :key="btn.icon", "flat", size="md", :icon="btn.icon",
@click="defaultClick(btn, props)") {{ $t(btn.title) }}
q-card-separator
// q-card-separator
q-card-main.q-py-none
q-card-main.q-py-none.buttons.transition
q-btn.text-grey-7(v-for="btn in config.actions", :key="btn.icon", "flat", size="md", :icon="btn.icon",
@click="defaultClick(btn, props)") {{ $t(btn.title) }}
......@@ -288,4 +297,10 @@
color $grey-8
&:last-of-type
display none
.custom-card
.buttons
opacity 0
&:hover
.buttons
opacity 1
</style>
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment