@@ -407,9 +417,16 @@ watch(
z-index: 1;
}
.platform-icon {
- filter: drop-shadow(0px 0px 1px rgba(var(--v-theme-romm-accent-1)));
+ filter: drop-shadow(0px 0px 1px rgba(var(--v-theme-primary)));
}
.greyscale {
filter: grayscale(100%);
}
+.drawer-desktop {
+ top: 56px !important;
+}
+.drawer-mobile {
+ top: 110px !important;
+ width: calc(100% - 16px) !important;
+}
diff --git a/frontend/src/components/Gallery/AppBar/Search/Base.vue b/frontend/src/components/Gallery/AppBar/Search/Base.vue
index aa7a27f49..402583c8a 100644
--- a/frontend/src/components/Gallery/AppBar/Search/Base.vue
+++ b/frontend/src/components/Gallery/AppBar/Search/Base.vue
@@ -11,18 +11,19 @@ import { useI18n } from "vue-i18n";
// Props
const { t } = useI18n();
-const { xs } = useDisplay();
+const { xs, smAndDown } = useDisplay();
@@ -40,7 +41,10 @@ const { xs } = useDisplay();
diff --git a/frontend/src/components/Gallery/AppBar/Search/PlatformSelector.vue b/frontend/src/components/Gallery/AppBar/Search/PlatformSelector.vue
index c3a2ecaec..639a0c635 100644
--- a/frontend/src/components/Gallery/AppBar/Search/PlatformSelector.vue
+++ b/frontend/src/components/Gallery/AppBar/Search/PlatformSelector.vue
@@ -86,11 +86,10 @@ function clearFilter() {
:density="xs ? 'comfortable' : 'default'"
@click:clear="clearFilter"
:label="t('common.platform')"
- class="bg-terciary"
+ class="bg-toplayer"
item-title="platform_name"
:disabled="filterPlatforms.length == 0 || searching"
hide-details
- rounded="0"
clearable
single-line
return-object
diff --git a/frontend/src/components/Gallery/AppBar/Search/SearchBtn.vue b/frontend/src/components/Gallery/AppBar/Search/SearchBtn.vue
index 3b9588cd6..d570322db 100644
--- a/frontend/src/components/Gallery/AppBar/Search/SearchBtn.vue
+++ b/frontend/src/components/Gallery/AppBar/Search/SearchBtn.vue
@@ -66,11 +66,11 @@ function filterRoms() {
diff --git a/frontend/src/components/Gallery/AppBar/common/FilterBtn.vue b/frontend/src/components/Gallery/AppBar/common/FilterBtn.vue
index 7c64acc26..72f42a71f 100644
--- a/frontend/src/components/Gallery/AppBar/common/FilterBtn.vue
+++ b/frontend/src/components/Gallery/AppBar/common/FilterBtn.vue
@@ -24,7 +24,7 @@ const { activeFilterDrawer } = storeToRefs(galleryFilterStore);
rounded="0"
v-bind="props"
icon="mdi-filter-variant"
- :color="activeFilterDrawer ? 'romm-accent-1' : ''"
+ :color="activeFilterDrawer ? 'primary' : ''"
@click="galleryFilterStore.switchActiveFilterDrawer()" />
diff --git a/frontend/src/components/Gallery/AppBar/common/FilterDrawer/Base.vue b/frontend/src/components/Gallery/AppBar/common/FilterDrawer/Base.vue
index be0775ea5..6d374c3d3 100644
--- a/frontend/src/components/Gallery/AppBar/common/FilterDrawer/Base.vue
+++ b/frontend/src/components/Gallery/AppBar/common/FilterDrawer/Base.vue
@@ -17,7 +17,7 @@ import { useI18n } from "vue-i18n";
// Props
const { t } = useI18n();
-const { xs } = useDisplay();
+const { xs, smAndDown } = useDisplay();
const viewportWidth = ref(window.innerWidth);
const emitter = inject>("emitter");
const galleryFilterStore = storeGalleryFilter();
@@ -86,11 +86,18 @@ function resetFilters() {
@@ -123,7 +130,6 @@ function resetFilters() {
+
diff --git a/frontend/src/components/Gallery/AppBar/common/FilterDrawer/FilterDuplicatesBtn.vue b/frontend/src/components/Gallery/AppBar/common/FilterDrawer/FilterDuplicatesBtn.vue
index 8c3296dcb..19b91a119 100644
--- a/frontend/src/components/Gallery/AppBar/common/FilterDrawer/FilterDuplicatesBtn.vue
+++ b/frontend/src/components/Gallery/AppBar/common/FilterDrawer/FilterDuplicatesBtn.vue
@@ -21,17 +21,16 @@ function setDuplicates() {
- mdi-content-duplicate{{ t("platform.show-duplicates") }}
- mdi-star{{ t("platform.show-favourites") }}
- mdi-file-find{{ t("platform.show-matched") }}
- mdi-file-find-outline{{ t("platform.show-unmatched") }} {
});
watch(
- router.currentRoute.value.query,
+ () => router.currentRoute.value.query,
(query) => {
if (query.search && query.search !== filterText.value) {
filterText.value = query.search as string;
@@ -50,8 +50,8 @@ watch(
v-model="filterText"
prepend-inner-icon="mdi-filter-outline"
:label="t('common.filter')"
- rounded="0"
hide-details
+ rounded="0"
clearable
@click:clear="clear"
@update:model-value="nextTick(filterRoms)"
diff --git a/frontend/src/components/Gallery/AppBar/common/GalleryViewBtn.vue b/frontend/src/components/Gallery/AppBar/common/GalleryViewBtn.vue
index 8348762d9..82c495670 100644
--- a/frontend/src/components/Gallery/AppBar/common/GalleryViewBtn.vue
+++ b/frontend/src/components/Gallery/AppBar/common/GalleryViewBtn.vue
@@ -18,9 +18,9 @@ const galleryView = storeGalleryView();
>
diff --git a/frontend/src/components/Gallery/AppBar/common/SortBtn.vue b/frontend/src/components/Gallery/AppBar/common/SortBtn.vue
index 233f9668c..ded784b54 100644
--- a/frontend/src/components/Gallery/AppBar/common/SortBtn.vue
+++ b/frontend/src/components/Gallery/AppBar/common/SortBtn.vue
@@ -27,7 +27,7 @@ function showSortBar() {
rounded="0"
icon="mdi-sort"
v-bind="props"
- :color="isShowSortBar ? 'romm-accent-1' : ''"
+ :color="isShowSortBar ? 'primary' : ''"
@click="showSortBar" />