tbianchini/shopit-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(ticket-selector): restructure actions layout for improved responsiveness

Browse Source
This commit is contained in:
ncoronel
2026-08-12 14:08:37 -03:00
parent 0f9d3e79d4
commit 32b1eb5639
2 changed files with 10 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/shared/components/product-ticket-selector/product-ticket-selector.component.html
View File

@@ -53,10 +53,16 @@
<p class="ticket-selector__empty">No hay entradas disponibles.</p> <p class="ticket-selector__empty">No hay entradas disponibles.</p>
} }
<div class="ticket-selector__actions"> <div class="ticket-selector__actions row g-0 justify-content-end">
<app-button variant="primary" [disabled]="disabled() || !hasSelection()" (click)="onBuy()"> <div class="col-12 col-md-3">
Comprar <app-button
</app-button> variant="primary"
[disabled]="disabled() || !hasSelection()"
(click)="onBuy()"
>
Comprar
</app-button>
</div>
</div> </div>
</div> </div>

19
src/app/shared/components/product-ticket-selector/product-ticket-selector.component.scss
View File

@@ -91,14 +91,7 @@
} }
&__actions { &__actions {
display: flex;
justify-content: flex-end;
gap: 0.75rem;
margin-top: 0.75rem; margin-top: 0.75rem;
app-button {
min-width: 170px;
}
} }
&__map { &__map {
@@ -122,18 +115,6 @@
} }
} }
&__actions {
flex-direction: column-reverse;
app-button {
width: 100%;
::ng-deep .btn {
width: 100%;
}
}
}
&__map { &__map {
margin-top: 2rem; margin-top: 2rem;
} }