style: fix linting issues met Prettier
This commit is contained in:
parent
a6b8b6647b
commit
2f28b80180
1 changed files with 21 additions and 10 deletions
|
@ -18,8 +18,16 @@
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<v-container class="search-page-container">
|
<v-container class="search-page-container">
|
||||||
<v-row justify="center" class="mb-6">
|
<v-row
|
||||||
<v-col cols="12" sm="8" md="6" lg="4">
|
justify="center"
|
||||||
|
class="mb-6"
|
||||||
|
>
|
||||||
|
<v-col
|
||||||
|
cols="12"
|
||||||
|
sm="8"
|
||||||
|
md="6"
|
||||||
|
lg="4"
|
||||||
|
>
|
||||||
<learning-path-search-field class="search-field" />
|
<learning-path-search-field class="search-field" />
|
||||||
</v-col>
|
</v-col>
|
||||||
</v-row>
|
</v-row>
|
||||||
|
@ -33,7 +41,10 @@
|
||||||
<learning-paths-grid :learning-paths="data" />
|
<learning-paths-grid :learning-paths="data" />
|
||||||
</using-query-result>
|
</using-query-result>
|
||||||
|
|
||||||
<div v-if="!query" class="empty-state-container">
|
<div
|
||||||
|
v-if="!query"
|
||||||
|
class="empty-state-container"
|
||||||
|
>
|
||||||
<v-empty-state
|
<v-empty-state
|
||||||
icon="mdi-magnify"
|
icon="mdi-magnify"
|
||||||
:title="t('enterSearchTerm')"
|
:title="t('enterSearchTerm')"
|
||||||
|
@ -46,12 +57,12 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.search-page-container {
|
.search-page-container {
|
||||||
padding-top: 40px;
|
padding-top: 40px;
|
||||||
padding-bottom: 40px;
|
padding-bottom: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-field {
|
.search-field {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue