feat: slideover menus, minor ui fixes

This commit is contained in:
liyasthomas
2021-07-24 22:16:48 +05:30
parent 4c2a9c1229
commit f0aaca2639
30 changed files with 213 additions and 108 deletions

View File

@@ -144,7 +144,7 @@
justify-center
"
>
<i class="opacity-50 pb-2 material-icons">folder_open</i>
<i class="opacity-75 pb-2 material-icons">folder_open</i>
<span class="text-xs text-center">
{{ $t("collection_empty") }}
</span>

View File

@@ -143,7 +143,7 @@
justify-center
"
>
<i class="opacity-50 pb-2 material-icons">folder_open</i>
<i class="opacity-75 pb-2 material-icons">folder_open</i>
<span class="text-xs text-center">
{{ $t("folder_empty") }}
</span>

View File

@@ -1,7 +1,7 @@
<template>
<AppSection
label="collections"
:class="{ 'rounded border-2 border-divider': savingMode }"
:class="{ 'rounded border border-divider': savingMode }"
>
<div
class="flex flex-col top-10 z-10 sticky"
@@ -62,7 +62,7 @@
v-if="collections.length === 0"
class="flex flex-col text-secondaryLight p-4 items-center justify-center"
>
<i class="opacity-50 pb-2 material-icons">create_new_folder</i>
<i class="opacity-75 pb-2 material-icons">create_new_folder</i>
<span class="text-xs text-center">
{{ $t("create_new_collection") }}
</span>
@@ -71,7 +71,7 @@
v-if="!(filteredCollections.length !== 0 || collections.length === 0)"
class="flex flex-col text-secondaryLight p-4 items-center justify-center"
>
<i class="opacity-50 pb-2 material-icons">manage_search</i>
<i class="opacity-75 pb-2 material-icons">manage_search</i>
<span class="text-xs text-center">
{{ $t("nothing_found") }} "{{ filterText }}"
</span>