Skip to content

Commit

Permalink
Small adjustment to color icon display
Browse files Browse the repository at this point in the history
Signed-off-by: Cole Gentry <[email protected]>
  • Loading branch information
SomethingNew71 committed Jun 13, 2023
1 parent de0db50 commit 0cf510c
Showing 1 changed file with 10 additions and 23 deletions.
33 changes: 10 additions & 23 deletions pages/technical/colors.vue
Original file line number Diff line number Diff line change
Expand Up @@ -46,18 +46,16 @@
<div class="column is-12">
<div class="card">
<div class="card-header">
<h2 class="card-header-title">
<!-- <i :class="table.icon"></i> -->
Colors
</h2>
<h2 class="card-header-title">Colors</h2>
</div>
<div class="card-content">
<client-only>
<o-table
:data="colors.colors"
:hoverable="true"
:paginated="true"
:per-page="15"
:per-page="25"
:narrowed="true"
v-model:current-page="currentPage"
:pagination-simple="true"
icon-pack="fas"
Expand All @@ -67,18 +65,20 @@
:sort-icon="'arrow-up'"
:sort-icon-size="'small'"
>
<o-table-column v-slot="props" field="primaryColor">
<i
:class="props.row.primaryColor"
class="primary-color fas fa-circle fa-xs"
></i>
</o-table-column>
<o-table-column
v-slot="props"
field="name"
label="Name"
sortable
searchable
>
<i
:class="props.row.primaryColor"
class="primary-color fas fa-circle pt-1 pr-2"
></i
><strong>{{ props.row.name }}</strong>
<strong>{{ props.row.name }}</strong>
</o-table-column>
<o-table-column v-slot="props" field="years" label="Years">
{{ props.row.years }}
Expand Down Expand Up @@ -114,19 +114,6 @@
>
{{ props.row.duluxCode }}
</o-table-column>
<!-- <o-table-column
v-slot="props"
field="primaryColor"
label="Color"
sortable
searchable
>
<strong
:class="props.row.primaryColor"
class="primary-color"
>{{ props.row.primaryColor }}</strong
>
</o-table-column> -->
<o-table-column v-slot="props" field="edit" label="Edit">
<o-button
aria-label="Suggest changes to the details of this color"
Expand Down

1 comment on commit 0cf510c

@vercel
Copy link

@vercel vercel bot commented on 0cf510c Jun 13, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please sign in to comment.