diff --git a/assets/img/chevron-up.svg b/assets/img/chevron-up.svg new file mode 100644 index 0000000..73bc48e --- /dev/null +++ b/assets/img/chevron-up.svg @@ -0,0 +1 @@ + diff --git a/assets/styles/components/_table.scss b/assets/styles/components/_table.scss index ea59243..4e49d5d 100644 --- a/assets/styles/components/_table.scss +++ b/assets/styles/components/_table.scss @@ -18,6 +18,22 @@ th { font-weight: $weight-normal; + + &.is-current-sort, &.is-sortable { + border-color: $primary; + + &:hover { + border-color: #518e6a; + } + } + + &.is-sortable { + .icon { + height: 1.071rem; + width: 1.071rem; + background-image: url('../img/chevron-up.svg') + } + } } td { diff --git a/pages/index.vue b/pages/index.vue index 5c79c7c..9ed4f56 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -28,9 +28,11 @@ :per-page="rowsPerPage" paginated pagination-position="both" + default-sort="followersCount" + default-sort-direction="desc" >