Commit 7569b9c4 authored by christianrhansen's avatar christianrhansen

styling, more compact now

parent 3786e32b
Pipeline #50797 passed with stage
in 1 minute and 23 seconds
......@@ -16,36 +16,48 @@
:loading="loading",
:rows-per-page-options="[3, 5, 7, 0]",
:pagination.sync="pagination",
:filter="filter",
:title="tableTitle")
:filter="filter")
div.q-py-md.full-width(slot="item", slot-scope="props", style="border-bottom: 1px solid #333;")
q-card.shadow-6.q-px-none.custom-card
div.full-width(slot="item", slot-scope="props")
q-card.shadow-6.q-px-sm.custom-card.transition
q-card-main.q-py-none.q-px-none.text-grey-7
template(v-for="prop in props.cols")
div(v-if="prop.name === 'title'")
template(v-if="customTitleLink")
q-btn(type="a", color="primary", :to="getCustomLink(customTitleLink, props.row._uuid)", flat,
:class="{'text-white': pagination.sortBy === 'title'}")
q-btn.q-pa-none.full-width(type="a", color="primary", :to="getCustomLink(customTitleLink, props.row._uuid)", flat,
:class="{'bg-grey-9': pagination.sortBy === 'title'}", align="left")
promise-span.q-caption(: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'}")
q-btn.q-pa-none.full-width(v-if="hasShow", type="a", color="primary", :to="getViewLink(props.row._uuid)", flat,
:class="{'bg-grey-9': pagination.sortBy === 'title'}", align="left")
promise-span.q-caption(:value="props.row.title")
promise-span.q-caption(v-if="!hasShow", :value="props.row.title", :class="{'text-white': pagination.sortBy === 'title'}")
promise-span.q-caption(v-if="!hasShow", :value="props.row.title", :class="{'bg-grey-9': pagination.sortBy === 'title'}")
div(
v-if="prop.name !== 'title' && prop.name !== 'actions'",
:class="{'text-white bg-grey-9': prop.name === pagination.sortBy}")
.q-pl-md.q-py-xs.q-caption
.q-caption
//
| {{ prop.label }}:
br
| {{ getTitle(props, prop) }}
div.text-right(style="flex: .25;")
q-btn.bg-primary.text-white(flat, round, size="sm")
q-icon(name="keyboard_arrow_left")
q-popover(anchor="top left", self="top right", :offset="[8, 8]")
q-list.q-pa-none
q-item.q-pa-none(v-for="btn in config.actions")
q-btn.full-width(
@click="defaultClick(btn, props)",
:key="btn.icon",
:icon="btn.icon",
size="md", flat, align="left")
| {{ $t(btn.title) }}
// q-card-separator
// q-card-title.q-py-sm
......@@ -71,9 +83,16 @@
// q-card-separator
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) }}
//
.q-pt-md.buttons.transition
q-btn-group.bg-dark.no-shadow.row
q-btn.text-grey-7(
v-for="btn in config.actions",
// :key="btn.icon",
size="md",
// :icon="btn.icon",
@click="defaultClick(btn, props)")
| {{ $t(btn.title) }}
.col-12.col-md-6
q-search.bg-grey-10.q-pa-sm(v-model="filter", dark, icon="search", hide-underline)
......@@ -297,7 +316,8 @@
thead
display block
margin-bottom 32px
padding-bottom 32px
// padding-bottom 32px
padding 0 8px 32px
border-bottom 1px solid $grey-8
tr
height auto
......@@ -305,12 +325,14 @@
th
// display inline-block!important
// border-radius 100vw
padding-left 16px
padding-right 16px
/*padding-left 16px*/
/*padding-right 16px*/
padding 0
flex 1
color $grey-8
&.sorted
background-color white
color $grey-8
// background-color white
color white
&:first-of-type
flex 2
&:last-of-type
......@@ -327,4 +349,6 @@
flex 1
&:first-of-type
flex 2
&:hover
background-color $grey-10
</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