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

feat: enhance cart layout and styling for improved user experience

Browse Source
This commit is contained in:
ncoronel
2026-07-01 16:56:29 -03:00
parent af406c215a
commit 06d29be056
5 changed files with 24 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/core/layout/store-layout/store-header/store-header.component.html
View File

@@ -15,8 +15,8 @@
}
</div>
<div class="d-flex flex-row align-items-center gap-3 ms-auto store-layout__actions-group">
<div class="input-group store-layout__search" role="search">
<div class="d-flex flex-row align-items-center gap-3 ms-auto flex-nowrap w-100 justify-content-between justify-content-md-end">
<div class="input-group store-layout__search flex-grow-1" role="search">
<label class="visually-hidden" for="store-search-input">Buscar productos</label>
<input
id="store-search-input"

16
src/app/core/layout/store-layout/store-header/store-header.component.scss
View File

@@ -42,11 +42,7 @@
.store-layout__search {
width: min(100%, 24rem);
min-width: 18rem;
}
.store-layout__actions-group {
flex-wrap: nowrap;
min-width: 0;
}
.store-layout__search-input {
@@ -111,14 +107,4 @@
.store-layout__brand-slot {
min-width: 0;
}
.store-layout__actions-group {
width: 100%;
justify-content: space-between;
}
.store-layout__search {
flex: 1 1 auto;
min-width: 0;
}
}