front/hadith_ui
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

تغییرات

Browse Source
This commit is contained in:
Mehdi104797 2025-04-16 14:35:05 +03:30
parent cf862e1a2f
commit e537798081
4 changed files with 61 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/haditha/CardList.vue
View File

@ -45,6 +45,7 @@ const goToLibraryShow = (item) => {
class="library-list grid grid-cols-2 gap-x-15 gap-y-12 md:grid-cols-5 md:gap-x-28 md:gap-y-12 mx-6"
>
<UCard
class="mx-auto"
v-if="props.list.length"
v-for="(item, index) in props.list"
:key="index"
@ -184,4 +185,5 @@ const goToLibraryShow = (item) => {
}
}
}
</style>

13
pages/haditha/public-pages/about-us.vue
View File

@ -30,7 +30,9 @@ const NavigationMenu = defineAsyncComponent(() =>
<UContainer class="page-inner-container sm:px-6 lg:px-4">
<navigation-menu></navigation-menu>
<div class="page-header pt-38 pb-4 flex justify-between items-center">
<div
class="page-header pt-10 md:pt-38 pb-4 flex justify-between items-center"
>
<div class="flex items-center">
<h1 class="m-0 title">درباره</h1>
<img
@ -42,7 +44,7 @@ const NavigationMenu = defineAsyncComponent(() =>
</div>
</div>
<div class="page-content p-6">
<div class="page-content p-5">
<p>
حدیثا، یک موتور جستجوی پیشرفته و تخصصی در حوزه احادیث اسلامی است که
با هدف دسترسی آسان و سریع به منابع معتبر حدیثی طراحی شده است. این
@ -97,6 +99,8 @@ const NavigationMenu = defineAsyncComponent(() =>
}
.page-content {
height: calc(100dvh - 13em);
overflow: auto;
color: var(--ui-color-two);
p {
@ -110,4 +114,9 @@ p {
}
}
}
@media screen and (max-width: 719.99px) {
.page-content{
height: calc(100dvh - 12em);
}
}
</style>

24
pages/haditha/public-pages/contactus.vue
View File

@ -32,7 +32,9 @@ const NavigationMenu = defineAsyncComponent(() =>
<navigation-menu></navigation-menu>
<div class="page-header pt-38 pb-4 flex justify-between items-center">
<div
class="page-header pt-10 md:pt-38 pb-4 flex justify-between items-center"
>
<div class="flex items-center">
<h1 class="m-0 title">تماس با ما</h1>
</div>
@ -89,8 +91,10 @@ const NavigationMenu = defineAsyncComponent(() =>
left: 0;
background-image: url("../../../assets/haditha/images/modal-top-bgi.png");
backdrop-filter: blur(54px);
width: 447px;
height: 447px;
width: 100%;
max-width: 447px;
height: 100%;
max-height: 447px;
top: 0;
left: 0;
@ -105,8 +109,11 @@ const NavigationMenu = defineAsyncComponent(() =>
bottom: 0;
background-image: url("../../../assets/haditha/images/modal-bttom-right-bgi.png");
backdrop-filter: blur(54px);
width: 438px;
height: 238px;
width: 100%;
max-width: 438px;
height: 100%;
max-height: 238px;
mix-blend-mode: Multiply;
background-repeat: no-repeat;
background-size: cover;
@ -120,8 +127,11 @@ const NavigationMenu = defineAsyncComponent(() =>
bottom: 0;
left: 0;
width: 458px;
height: 239px;
width: 100%;
max-width: 458px;
height: 100%;
max-height: 239px;
mix-blend-mode: Multiply;
background-image: url("../../../assets/haditha/images/modal-bottom-left-bgi.png");
background-repeat: no-repeat;

14
pages/haditha/public-pages/rules.vue
View File

@ -30,7 +30,9 @@ const NavigationMenu = defineAsyncComponent(() =>
<UContainer class="page-inner-container sm:px-6 lg:px-4">
<navigation-menu></navigation-menu>
<div class="page-header pt-38 pb-4 flex justify-between items-center">
<div
class="page-header pt-10 md:pt-38 pb-4 flex justify-between items-center"
>
<div class="flex items-center">
<h1 class="m-0 title">قوانین و مقررات</h1>
<img
@ -42,7 +44,7 @@ const NavigationMenu = defineAsyncComponent(() =>
</div>
</div>
<div class="page-content p-6">
<div class="page-content p-5">
<ul class="list-decimal list-inside">
<li>
احترام به حقوق معنوی: تمامی محتواهای ارائه‌شده در این سایت متعلق
@ -110,8 +112,9 @@ const NavigationMenu = defineAsyncComponent(() =>
}
.page-content {
height: calc(100dvh - 13em);
overflow: auto;
color: var(--ui-color-two);
ul li {
font-family: IRANSansX;
font-weight: 300;
@ -123,4 +126,9 @@ const NavigationMenu = defineAsyncComponent(() =>
}
}
}
@media screen and (max-width: 719.99px) {
.page-content{
height: calc(100dvh - 12em);
}
}
</style>