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" 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 <UCard
class="mx-auto"
v-if="props.list.length" v-if="props.list.length"
v-for="(item, index) in props.list" v-for="(item, index) in props.list"
:key="index" :key="index"
@ -184,4 +185,5 @@ const goToLibraryShow = (item) => {
} }
} }
} }
</style> </style>

17
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"> <UContainer class="page-inner-container sm:px-6 lg:px-4">
<navigation-menu></navigation-menu> <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"> <div class="flex items-center">
<h1 class="m-0 title">درباره</h1> <h1 class="m-0 title">درباره</h1>
<img <img
@ -42,7 +44,7 @@ const NavigationMenu = defineAsyncComponent(() =>
</div> </div>
</div> </div>
<div class="page-content p-6"> <div class="page-content p-5">
<p> <p>
حدیثا، یک موتور جستجوی پیشرفته و تخصصی در حوزه احادیث اسلامی است که حدیثا، یک موتور جستجوی پیشرفته و تخصصی در حوزه احادیث اسلامی است که
با هدف دسترسی آسان و سریع به منابع معتبر حدیثی طراحی شده است. این با هدف دسترسی آسان و سریع به منابع معتبر حدیثی طراحی شده است. این
@ -97,17 +99,24 @@ const NavigationMenu = defineAsyncComponent(() =>
} }
.page-content { .page-content {
height: calc(100dvh - 13em);
overflow: auto;
color: var(--ui-color-two); color: var(--ui-color-two);
p { p {
font-family: IRANSansX; font-family: IRANSansX;
font-weight: 300; font-weight: 300;
font-size: 14px; font-size: 14px;
line-height: 21px; line-height: 21px;
letter-spacing: 0%; letter-spacing: 0%;
text-align: right; text-align: right;
}
} }
} }
}
}
@media screen and (max-width: 719.99px) {
.page-content{
height: calc(100dvh - 12em);
}
} }
</style> </style>

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

@ -32,7 +32,9 @@ const NavigationMenu = defineAsyncComponent(() =>
<navigation-menu></navigation-menu> <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"> <div class="flex items-center">
<h1 class="m-0 title">تماس با ما</h1> <h1 class="m-0 title">تماس با ما</h1>
</div> </div>
@ -89,8 +91,10 @@ const NavigationMenu = defineAsyncComponent(() =>
left: 0; left: 0;
background-image: url("../../../assets/haditha/images/modal-top-bgi.png"); background-image: url("../../../assets/haditha/images/modal-top-bgi.png");
backdrop-filter: blur(54px); backdrop-filter: blur(54px);
width: 447px; width: 100%;
height: 447px; max-width: 447px;
height: 100%;
max-height: 447px;
top: 0; top: 0;
left: 0; left: 0;
@ -105,8 +109,11 @@ const NavigationMenu = defineAsyncComponent(() =>
bottom: 0; bottom: 0;
background-image: url("../../../assets/haditha/images/modal-bttom-right-bgi.png"); background-image: url("../../../assets/haditha/images/modal-bttom-right-bgi.png");
backdrop-filter: blur(54px); backdrop-filter: blur(54px);
width: 438px; width: 100%;
height: 238px;
max-width: 438px;
height: 100%;
max-height: 238px;
mix-blend-mode: Multiply; mix-blend-mode: Multiply;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
@ -120,8 +127,11 @@ const NavigationMenu = defineAsyncComponent(() =>
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 458px; width: 100%;
height: 239px; max-width: 458px;
height: 100%;
max-height: 239px;
mix-blend-mode: Multiply; mix-blend-mode: Multiply;
background-image: url("../../../assets/haditha/images/modal-bottom-left-bgi.png"); background-image: url("../../../assets/haditha/images/modal-bottom-left-bgi.png");
background-repeat: no-repeat; 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"> <UContainer class="page-inner-container sm:px-6 lg:px-4">
<navigation-menu></navigation-menu> <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"> <div class="flex items-center">
<h1 class="m-0 title">قوانین و مقررات</h1> <h1 class="m-0 title">قوانین و مقررات</h1>
<img <img
@ -42,7 +44,7 @@ const NavigationMenu = defineAsyncComponent(() =>
</div> </div>
</div> </div>
<div class="page-content p-6"> <div class="page-content p-5">
<ul class="list-decimal list-inside"> <ul class="list-decimal list-inside">
<li> <li>
احترام به حقوق معنوی: تمامی محتواهای ارائه‌شده در این سایت متعلق احترام به حقوق معنوی: تمامی محتواهای ارائه‌شده در این سایت متعلق
@ -110,8 +112,9 @@ const NavigationMenu = defineAsyncComponent(() =>
} }
.page-content { .page-content {
height: calc(100dvh - 13em);
overflow: auto;
color: var(--ui-color-two); color: var(--ui-color-two);
ul li { ul li {
font-family: IRANSansX; font-family: IRANSansX;
font-weight: 300; font-weight: 300;
@ -123,4 +126,9 @@ const NavigationMenu = defineAsyncComponent(() =>
} }
} }
} }
@media screen and (max-width: 719.99px) {
.page-content{
height: calc(100dvh - 12em);
}
}
</style> </style>