Commit 3786e32b authored by christianrhansen's avatar christianrhansen

styling #3

parent e1ea9778
Pipeline #50752 passed with stage
in 5 minutes and 38 seconds
......@@ -19,15 +19,27 @@
:filter="filter",
:title="tableTitle")
div.q-py-md.full-width(slot="item", slot-scope="props")
q-card.bg-grey-9.q-px-none.custom-card
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
q-card-main.q-py-none.q-px-none.text-grey-7.row
.col
q-card-main.q-py-none.q-px-none.text-grey-7
template(v-for="prop in props.cols")
.col(
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'}")
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'}")
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'}")
div(
v-if="prop.name !== 'title' && prop.name !== 'actions'",
:class="{'text-white': prop.name === pagination.sortBy}")
:class="{'text-white bg-grey-9': prop.name === pagination.sortBy}")
.q-pl-md.q-py-xs.q-caption
//
| {{ prop.label }}:
......@@ -36,17 +48,17 @@
// q-card-separator
q-card-title.q-py-sm
// q-card-title.q-py-sm
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'}")
// :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'}")
// :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'}")
//
......@@ -283,18 +295,24 @@
.q-table-dark
&.custom-table-header
thead
display block
margin-bottom 32px
padding-bottom 32px
border-bottom 1px solid $grey-8
tr
height auto
display flex
th
// display inline-block!important
border-radius 100vw
// border-radius 100vw
padding-left 16px
padding-right 16px
flex 1
&.sorted
background-color white
color $grey-8
&:first-of-type
flex 2
&:last-of-type
display none
.custom-card
......@@ -303,4 +321,10 @@
&:hover
.buttons
opacity 1
.q-card-main
display flex
div
flex 1
&:first-of-type
flex 2
</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