+
+
@@ -95,17 +101,22 @@
[category]="query ? '' : category"
(categoryChange)="onCategoryChange($event)"
>
-
-
-
+
+
diff --git a/web/projects/marketplace/src/components/menu/menu.component.scss b/web/projects/marketplace/src/components/menu/menu.component.scss
index 9a013c478..c7280021c 100644
--- a/web/projects/marketplace/src/components/menu/menu.component.scss
+++ b/web/projects/marketplace/src/components/menu/menu.component.scss
@@ -14,12 +14,12 @@ header {
flex-direction: column;
z-index: 10;
- @media screen and (min-width: 640px) {
- width: 15rem;
+ @media screen and (min-width: 768px) {
+ width: 17rem;
background-color: rgb(var(--tw-color-zinc-700) / 0.9);
backdrop-filter: blur(40px);
min-height: calc(100vh - var(--portal-header-height));
- padding: 1.5rem 0;
+ padding: 2rem 0 1.5rem 0;
&::after {
display: block;
@@ -36,12 +36,16 @@ header {
);
}
}
+
+ @media screen and (min-width: 1536px) {
+ width: 18rem;
+ }
}
.title {
display: none;
- @media (min-width: 640px) {
+ @media (min-width: 768px) {
display: flex;
flex-direction: column;
align-items: center;
@@ -74,9 +78,10 @@ header {
marketplace-search {
place-self: center;
padding-bottom: 2rem;
+ width: 100%;
}
- @media (min-width: 640px) {
+ @media (min-width: 768px) {
display: flex;
flex-grow: 1;
flex-direction: column;
@@ -88,27 +93,17 @@ header {
flex-direction: column;
justify-content: space-between;
- a {
+ ::ng-deep a {
display: flex;
+ justify-content: center;
gap: 0.5rem;
padding: 0.5rem;
- z-index: 50;
- border-top-left-radius: 0.5rem;
- border-bottom-left-radius: 0.5rem;
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
- transition-delay: 75ms;
- transition-duration: 300ms;
&:hover {
text-decoration-line: none;
cursor: pointer;
}
- img {
- opacity: 0.7;
- filter: invert(100%);
- }
-
span {
font-size: 1rem;
line-height: 1.5rem;
@@ -117,31 +112,23 @@ header {
overflow: hidden;
white-space: nowrap;
}
- @media (min-width: 640px) {
- width: 120%;
-
- &:hover {
- background-color: rgb(34 36 40);
- }
- }
}
}
}
&-mobile {
- @media (min-width: 640px) {
+ @media (min-width: 768px) {
display: none;
}
&-bar {
display: flex;
- justify-content: space-between;
align-items: center;
padding: 1rem;
width: 100vw;
marketplace-search {
- max-width: fit-content;
+ flex-grow: 1;
}
}
@@ -184,9 +171,8 @@ header {
padding: 1.25rem 1.25rem 0px 1.25rem;
}
- a {
+ ::ng-deep a {
display: flex;
- position: relative;
gap: 0.5rem;
padding: 1.25rem;
@@ -194,11 +180,6 @@ header {
text-decoration-line: none;
}
- img {
- opacity: 0.7;
- filter: invert(100%);
- }
-
span {
font-size: 1rem;
line-height: 1.5rem;
diff --git a/web/projects/marketplace/src/components/store-icon/store-icon.component.module.ts b/web/projects/marketplace/src/components/store-icon/store-icon.component.module.ts
index e9d24c022..c11896fe8 100644
--- a/web/projects/marketplace/src/components/store-icon/store-icon.component.module.ts
+++ b/web/projects/marketplace/src/components/store-icon/store-icon.component.module.ts
@@ -1,11 +1,10 @@
import { NgModule } from '@angular/core'
import { CommonModule } from '@angular/common'
-import { TuiIconModule } from '@taiga-ui/experimental'
import { StoreIconComponent } from './store-icon.component'
@NgModule({
declarations: [StoreIconComponent],
- imports: [CommonModule, TuiIconModule],
+ imports: [CommonModule],
exports: [StoreIconComponent],
})
export class StoreIconComponentModule {}
diff --git a/web/projects/marketplace/src/components/store-icon/store-icon.component.ts b/web/projects/marketplace/src/components/store-icon/store-icon.component.ts
index 97e0088ea..0fef3489e 100644
--- a/web/projects/marketplace/src/components/store-icon/store-icon.component.ts
+++ b/web/projects/marketplace/src/components/store-icon/store-icon.component.ts
@@ -9,10 +9,14 @@ import { MarketplaceConfig, sameUrl } from '@start9labs/shared'
[style.border-radius.%]="100"
[style.max-width]="size || '100%'"
[src]="icon"
- alt="Service Icon"
+ alt="Marketplace Icon"
/>
-
-
+ What's new
-- Latest Release - - - - {{ published | date: 'medium' }} - -
-What's new
-
Version {{ pkg.manifest.version }}
+