haditha_ui/pages/haditha/favorites/index.vue

76 lines
1.7 KiB
Vue
Raw Normal View History

2025-02-26 07:52:21 +00:00
<script setup>
definePageMeta({
layout: false,
2025-03-06 11:28:20 +00:00
name: "hadithaFavorites",
2025-02-26 07:52:21 +00:00
});
useHead({
2025-03-06 11:28:20 +00:00
name: "hadithaFavorites",
2025-02-26 07:52:21 +00:00
title: `${import.meta.env.VITE_HADITH_PAGE_TITLE} | ذخیره ها`,
meta: [
{ name: "description", content: "کاوش با هوش مصنوعی در احادیث اسلامی" },
],
bodyAttrs: {
class: import.meta.env.VITE_HADITH_SYSTEM,
},
});
2025-03-06 11:28:20 +00:00
const HadithaLayout = defineAsyncComponent(() =>
import("@haditha/layouts/HadithaLayout.vue")
2025-02-26 07:52:21 +00:00
);
const NavigationMenu = defineAsyncComponent(() =>
2025-03-06 11:28:20 +00:00
import("@haditha/components/haditha/NavigationMenu.vue")
2025-02-26 07:52:21 +00:00
);
const SearchList = defineAsyncComponent(() =>
2025-03-06 11:28:20 +00:00
import("@haditha/components/haditha/search-page/SearchList.vue")
2025-02-26 07:52:21 +00:00
);
const state = reactive({
searchList: new Array(5).fill(0),
});
</script>
2025-02-11 10:17:22 +00:00
2025-02-26 07:52:21 +00:00
<template>
2025-03-06 11:28:20 +00:00
<HadithaLayout>
2025-02-26 07:52:21 +00:00
<div class="h-full flex flex-col justify-center">
<div class="bg-container h-full">
<navigation-menu></navigation-menu>
<div class="text-logo">
<div class="search-box-container pb-0 flex justify-center">
<search-list
no-data-text="هنوز چیزی ذخیره نکرده‌اید!"
2025-03-06 11:28:20 +00:00
no-data-icon="/img/haditha/save.png"
2025-02-26 07:52:21 +00:00
:list="state.searchList"
></search-list>
2025-02-11 10:17:22 +00:00
</div>
</div>
</div>
</div>
2025-03-06 11:28:20 +00:00
</HadithaLayout>
2025-02-11 10:17:22 +00:00
</template>
2025-02-26 07:52:21 +00:00
<style scoped>
.bg-container {
min-height: 100%;
/* height: 100dvh; */
background-size: cover;
background-repeat: no-repeat;
background: #f7fffd;
2025-02-11 10:17:22 +00:00
}
2025-02-26 07:52:21 +00:00
.text-logo {
padding-top: 4.5em;
2025-02-11 10:17:22 +00:00
position: relative;
}
2025-02-26 07:52:21 +00:00
.search-box-container {
padding-top: 0.7em;
padding-bottom: 4em; /*64px */
2025-02-11 10:17:22 +00:00
2025-02-26 07:52:21 +00:00
&.pb-0 {
padding-bottom: 0 !important;
2025-02-11 10:17:22 +00:00
}
}
</style>