- @if (isAuthenticated()) {
-
-
- {{ displayName() }}
-
-
+
+ {{ displayName() }}
+
-
+
-
-
-
-
- } @else {
-
- Mi cuenta
- Accede para ver tus compras y continuar mas rapido.
-
-
-
-
- }
+
+
+
diff --git a/src/app/core/layout/store-layout/store-header/user-dropdown/user-dropdown.component.scss b/src/app/core/layout/store-layout/store-header/user-dropdown/user-dropdown.component.scss
index a68d85e..13512e6 100644
--- a/src/app/core/layout/store-layout/store-header/user-dropdown/user-dropdown.component.scss
+++ b/src/app/core/layout/store-layout/store-header/user-dropdown/user-dropdown.component.scss
@@ -8,8 +8,7 @@
}
.user-dropdown {
- position: relative;
- color: #202020;
+ display: grid;
background: #ffffff;
border: 1px solid rgba(32, 32, 32, 0.1);
border-radius: 8px;
@@ -22,60 +21,30 @@
padding: 0.25rem;
}
-.user-dropdown__identity,
-.user-dropdown__guest {
- display: grid;
- min-width: 0;
- gap: 0.15rem;
-}
-
-.user-dropdown__name,
-.user-dropdown__guest-title {
+.user-dropdown__name {
color: #a0a0a0;
font-size: 13px;
font-weight: 325;
line-height: 1.2;
}
-.user-dropdown__guest-copy {
- overflow: hidden;
- color: #666666;
- font-size: 0.8rem;
- line-height: 1.35;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-.user-dropdown__guest {
- padding: 0.25rem 0.25rem 0.75rem;
-}
-
.user-dropdown__divider {
height: 1px;
margin: 0.6rem 0;
background: rgba(32, 32, 32, 0.08);
}
-.user-dropdown__item,
-.user-dropdown__primary,
-.user-dropdown__secondary {
+.user-dropdown__item {
width: 100%;
border: 0;
border-radius: 6px;
- font: inherit;
- cursor: pointer;
-}
-
-.user-dropdown__item {
- display: flex;
- align-items: center;
- gap: 0.65rem;
padding: 0.65rem 0.6rem;
color: #8a8a8a;
font-size: 14px;
font-weight: 700;
text-align: left;
background: transparent;
+ cursor: pointer;
transition: color 0.15s ease;
}
@@ -86,46 +55,6 @@
outline: none;
}
-.user-dropdown__item--danger:active,
-.user-dropdown__item--danger:hover,
-.user-dropdown__item--danger:focus-visible {
- color: var(--tenant-primary);
-}
-
-.user-dropdown__primary,
-.user-dropdown__secondary {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- min-height: 2.35rem;
- padding: 0.55rem 0.85rem;
- font-size: 0.88rem;
- font-weight: 700;
-}
-
-.user-dropdown__primary {
- color: #ffffff;
- background: var(--tenant-primary);
-}
-
-.user-dropdown__primary:hover,
-.user-dropdown__primary:focus-visible {
- filter: brightness(0.96);
- outline: none;
-}
-
-.user-dropdown__secondary {
- margin-top: 0.5rem;
- color: var(--tenant-primary);
- background: rgba(0, 0, 0, 0.04);
-}
-
-.user-dropdown__secondary:hover,
-.user-dropdown__secondary:focus-visible {
- background: rgba(0, 0, 0, 0.07);
- outline: none;
-}
-
@keyframes user-dropdown-enter {
from {
opacity: 0;
diff --git a/src/app/core/layout/store-layout/store-header/user-dropdown/user-dropdown.component.ts b/src/app/core/layout/store-layout/store-header/user-dropdown/user-dropdown.component.ts
index bdad800..9849ea3 100644
--- a/src/app/core/layout/store-layout/store-header/user-dropdown/user-dropdown.component.ts
+++ b/src/app/core/layout/store-layout/store-header/user-dropdown/user-dropdown.component.ts
@@ -8,9 +8,6 @@ import { AuthUser } from '../../../../services/auth/auth.interfaces';
})
export class UserDropdownComponent {
readonly user = input