aelve/guide
1
1
Fork 0
mirror of https://github.com/aelve/guide.git synced 2024-12-23 12:52:31 +03:00
Code Issues Projects Releases Wiki Activity

Category header titles restyled

Browse Source
This commit is contained in:
Avele 2019-07-07 13:55:31 +04:00
parent 0bf980156e
commit 026b04d979
1 changed files with 10 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
front/client/components/CategoryHeader.vue
View File

@ -20,13 +20,10 @@
<span>RSS feed for all new items in this category</span> <span>RSS feed for all new items in this category</span>
</v-tooltip> </v-tooltip>
<router-link <h2 class="category-name-title mr-3">
class="category-top-link mr-3"
:to="categoryUrl"
>
{{categoryTitle}} {{categoryTitle}}
</router-link> </h2>
<h2 class="category-top-group"> {{categoryGroup}} </h2> <h2 class="category-group-title"> {{categoryGroup}} </h2>
</div> </div>
<v-menu <v-menu
@ -169,20 +166,15 @@ export default class CategoryHeader extends Vue {
font-size: 1px; font-size: 1px;
} }
.category-top-link { .category-name-title {
font-size: 22px; font-size: 22px;
font-weight: 600; font-weight: 800;
text-decoration: none; text-decoration: none;
color: #979797; color: #2b2a2a;
cursor: pointer; letter-spacing: -1px;
transition: all ease-in-out 0.25s;
} }
.category-top-link:hover { .category-group-title {
color: #000;
}
.category-top-group {
font-size: 16px; font-size: 16px;
font-weight: normal; font-weight: normal;
} }
@ -225,10 +217,10 @@ export default class CategoryHeader extends Vue {
} }
@media (max-width: 425px) { @media (max-width: 425px) {
.category-top-link { .category-name-title {
font-size: 18px; font-size: 18px;
} }
.category-top-group { .category-group-title {
font-size: 14px; font-size: 14px;
} }
} }