diff --git a/assets/hadith/images/haditha-title.png b/assets/hadith/images/haditha-title.png new file mode 100644 index 0000000..5c04610 Binary files /dev/null and b/assets/hadith/images/haditha-title.png differ diff --git a/assets/hadith/images/haditha-title.svg b/assets/hadith/images/haditha-title.svg new file mode 100644 index 0000000..8e0942e --- /dev/null +++ b/assets/hadith/images/haditha-title.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/hadith/images/modal-bottom-left-bgi.png b/assets/hadith/images/modal-bottom-left-bgi.png new file mode 100644 index 0000000..c380685 Binary files /dev/null and b/assets/hadith/images/modal-bottom-left-bgi.png differ diff --git a/assets/hadith/images/modal-bttom-right-bgi.png b/assets/hadith/images/modal-bttom-right-bgi.png new file mode 100644 index 0000000..42ee1ed Binary files /dev/null and b/assets/hadith/images/modal-bttom-right-bgi.png differ diff --git a/assets/hadith/images/modal-top-bgi.png b/assets/hadith/images/modal-top-bgi.png new file mode 100644 index 0000000..0f45805 Binary files /dev/null and b/assets/hadith/images/modal-top-bgi.png differ diff --git a/assets/hadith/images/no-data.png b/assets/hadith/images/no-data.png new file mode 100644 index 0000000..c7e372b Binary files /dev/null and b/assets/hadith/images/no-data.png differ diff --git a/assets/hadith/images/sub-header-bgi.png b/assets/hadith/images/sub-header-bgi.png new file mode 100644 index 0000000..2c03807 Binary files /dev/null and b/assets/hadith/images/sub-header-bgi.png differ diff --git a/assets/hadith/scss/hadith.css b/assets/hadith/scss/hadith.css index 477fb13..9c89155 100644 --- a/assets/hadith/scss/hadith.css +++ b/assets/hadith/scss/hadith.css @@ -6,8 +6,11 @@ @theme { --font-sans: "IRANSansX", "Public Sans", sans-serif; + --container-lg: 720px; } +@layer { +} /* @variant { } */ diff --git a/components/hadith/AutoComplation.vue b/components/hadith/AutoComplation.vue index 878d852..107c6c6 100644 --- a/components/hadith/AutoComplation.vue +++ b/components/hadith/AutoComplation.vue @@ -1,34 +1,109 @@ @@ -132,6 +241,113 @@ const onSend = () => { height: 68px; z-index: 0; } + + .prev-search-item { + width: 328; + height: 49; + gap: 6px; + border-radius: 12px; + border-width: 0.5px; + padding-top: 8px; + padding-right: 12px; + padding-bottom: 8px; + padding-left: 12px; + background: #626b84; + border: 0.5px solid; + margin-bottom: 0.7em; + + border-image-source: linear-gradient( + 102.02deg, + #4be8ae 7.38%, + #00a762 91.78% + ); + + .total { + width: 53; + height: 24; + gap: 4px; + border-radius: 6px; + padding: 5px 7px; + background: #1b213266; + + font-family: IRANSansX; + font-weight: 500; + font-size: 10px; + line-height: 15px; + letter-spacing: 0%; + text-align: right; + color: #ffffff; + } + .text { + font-family: Takrim; + font-weight: 400; + font-size: 16px; + line-height: 32px; + letter-spacing: 0%; + text-align: right; + color: #ffffff; + } + .clear-similar-btn { + width: 32px; + height: 32px; + gap: 4px; + border-radius: 60px; + padding-top: 11px; + padding-right: 6px; + padding-bottom: 11px; + padding-left: 6px; + background: #1b213266; + color: #fff; + } + } + + .search-input { + position: relative; + } + .search-filter { + .filter-item { + /* width: 81px; */ + height: 40px; + border-radius: 12px; + border-width: 0.3px; + padding-top: 8px; + padding-right: 12px; + padding-bottom: 8px; + padding-left: 12px; + gap: 4px; + background-color: #fff; + border: 0.3px solid #e0e0e0; + box-shadow: 0px 1px 4px 0px #0000000d; + color: #8a92a8; + font-family: IRANSansX; + font-weight: 400; + font-size: 13px; + line-height: 20px; + letter-spacing: 0%; + text-align: right; + + &.active { + color: linear-gradient(102.02deg, #4be8ae 7.38%, #00a762 91.78%); + + * { + color: #fff; + } + } + } + } + + &.search-page { + &::before { + content: none; + } + .my-trailing-button { + width: 32px; + height: 32px; + } + .hadith-search-input { + height: 56px; + } + } } .my-trailing-button { position: absolute; diff --git a/components/hadith/NavigationMenu.vue b/components/hadith/NavigationMenu.vue index 445556a..933fa51 100644 --- a/components/hadith/NavigationMenu.vue +++ b/components/hadith/NavigationMenu.vue @@ -117,9 +117,9 @@ onMounted(() => {