|
2 | 2 | <div class="gallery-page"> |
3 | 3 | <div class="d-flex justify-content-between align-items-center"> |
4 | 4 | <b-button-group class="mb-lg"> |
5 | | - <b-button variant="default" @click="changeCategory(null)" |
| 5 | + <b-button variant="gray-default" @click="changeCategory(null)" |
6 | 6 | :class="{ active: activeCategory === null }" |
7 | 7 | >All</b-button> |
8 | | - <b-button variant="default" @click="changeCategory('nature')" |
| 8 | + <b-button variant="gray-default" @click="changeCategory('nature')" |
9 | 9 | :class="{ active: activeCategory === 'nature' }" |
10 | 10 | >Nature</b-button> |
11 | | - <b-button variant="default" @click="changeCategory('people')" |
| 11 | + <b-button variant="gray-default" @click="changeCategory('people')" |
12 | 12 | :class="{ active: activeCategory === 'people' }" |
13 | 13 | >People</b-button> |
14 | | - <b-button variant="default" @click="changeCategory('space')" |
| 14 | + <b-button variant="gray-default" @click="changeCategory('space')" |
15 | 15 | :class="{ active: activeCategory === 'space' }" |
16 | 16 | >Space</b-button> |
17 | 17 | </b-button-group> |
18 | 18 | <b-button-group class="mb-lg"> |
19 | | - <b-button variant="default" @click="desc = false" |
| 19 | + <b-button variant="gray-default" @click="desc = false" |
20 | 20 | :class="{ active: desc === false }" |
21 | 21 | ><i class="fa fa-sort-numeric-asc"></i></b-button> |
22 | | - <b-button variant="default" @click="desc = true" |
| 22 | + <b-button variant="gray-default" @click="desc = true" |
23 | 23 | :class="{ active: desc }" |
24 | 24 | ><i class="fa fa-sort-numeric-desc"></i></b-button> |
25 | 25 | </b-button-group> |
|
0 commit comments