Ajustes de layout do carrinho

Author: jeffreysSharp

src/web/JSE.WebApp.MVC/Models/UsuarioRegistroViewModel.cs

@@ -12,7 +12,7 @@ public class UsuarioRegistroViewModel
 
         [Required(ErrorMessage = "O campo {0} é obrigatório")]
         [DisplayName("CPF")]
-        [Cpf]
+        // [Cpf] TODO
         public string Cpf { get; set; }
 
         [Required(ErrorMessage = "O campo {0} é obrigatório")]
@@ -24,6 +24,7 @@ public class UsuarioRegistroViewModel
         [StringLength(100, ErrorMessage = "O campo {0} precisa ter entre {2} e {1} caracteres", MinimumLength = 6)]
         public string Senha { get; set; }
 
+        [Required(ErrorMessage = "O campo {0} é obrigatório")]
         [DisplayName("Confirme sua senha")]
         [Compare("Senha", ErrorMessage = "As senhas não conferem.")]
         public string SenhaConfirmacao { get; set; }

src/web/JSE.WebApp.MVC/Views/Carrinho/Index.cshtml

@@ -34,15 +34,16 @@
                                         {
                                             <tr>
                                                 <td>
-                                                    <figure class="itemside">
-                                                        <div class="aside">
-                                                            <img src="~/images/produtos/@item.Imagem" alt="@item.Nome" class="img-sm">
-                                                        </div>
-                                                        <figcaption class="info">
-                                                            <a asp-controller="Catalogo" asp-action="ProdutoDetalhe" asp-route-id="@item.ProdutoId"><h6 style="padding-top: 10px" class="title text-dark">@item.Nome</h6></a>
-                                                            <p class="text-muted small">@this.UnidadesPorProduto(item.Quantidade)</p>
-                                                        </figcaption>
-                                                    </figure>
+
+                                                    <div class="ratio bg-body-secondary rounded overflow-hidden flex-shrink-sm-0" style="--cz-aspect-ratio: calc(110 / 142 * 100%); max-width: 142px">
+                                                        <img src="~/images/produtos/@item.Imagem" class="hover-effect-target" alt="@item.Nome">
+                                                    </div>
+                                                    <div class="ps-2 ps-sm-3 ms-1">
+                                                        <h6 class="product mb-2">
+                                                            <a class="fs-sm fw-medium hover-effect-underline stretched-link" asp-controller="Catalogo" asp-action="ProdutoDetalhe" asp-route-id="@item.ProdutoId">@item.Nome</a>
+                                                        </h6>
+                                                        <p class="text-muted small">@this.UnidadesPorProduto(item.Quantidade)</p>
+                                                    </div>
                                                 </td>
                                                 <td>
                                                     <div class="price-wrap">
@@ -52,11 +53,10 @@
                                                 </td>
                                                 <form method="post" asp-controller="Carrinho" asp-action="AtualizarItemCarrinho">
                                                 <td>
-
                                                     <input type="hidden" id="ProdutoId" name="ProdutoId" value="@item.ProdutoId" />
 
                                                     <div class="text-left">
-                                                        <select id="Quantidade" name="Quantidade" style="width: 80px" class="form-control">
+                                                        <select id="Quantidade" name="Quantidade" class="form-control">
                                                                 @{
                                                                     @Html.Raw(this.SelectOptionsPorQuantidade(5, item.Quantidade))
                                                                 }
@@ -68,7 +68,7 @@
                                                 <td>
                                                     <div class="text-right">
                                                         <button type="submit" class="btn btn-success">
-                                                            <i class="fas fa-sync"></i>
+                                                            <i class="ci-rotate-cw"></i>
                                                         </button>
                                                     </div>
                                                 </td>
@@ -80,7 +80,7 @@
                                                             <input type="hidden" id="ProdutoId" name="ProdutoId" value="@item.ProdutoId" />
 
                                                             <button type="submit" class="btn btn-danger">
-                                                                <i class="fas fa-trash-alt"></i>
+                                                                <i class="ci-trash"></i>
                                                             </button>
 
                                                         </div>

src/web/JSE.WebApp.MVC/Views/Catalogo/ProdutoDetalhe.cshtml

@@ -14,7 +14,7 @@
                 </article>
             </aside>
             <main class="col-md-6 border-left">
-                <article class="content-body">
+                <article class="content-body mt-5">
                     <form asp-controller="Carrinho" asp-action="AdicionarItemCarrinho" method="post">
 
                         <input type="hidden" id="ProdutoId" name="ProdutoId" value="@Model.Id" />
@@ -23,23 +23,6 @@
 
                         <h2 class="title">@Model.Nome</h2>
 
-                        <div class="rating-wrap my-3">
-                            <ul class="rating-stars">
-                                <li style="width: 80%" class="stars-active">
-                                    <i class="fa fa-star"></i> <i class="fa fa-star"></i>
-                                    <i class="fa fa-star"></i> <i class="fa fa-star"></i>
-                                    <i class="fa fa-star"></i>
-                                </li>
-                                <li>
-                                    <i class="fa fa-star"></i> <i class="fa fa-star"></i>
-                                    <i class="fa fa-star"></i> <i class="fa fa-star"></i>
-                                    <i class="fa fa-star"></i>
-                                </li>
-                            </ul>
-                            <small class="label-rating text-muted">132 avaliações</small>
-                            <small class="label-rating text-success"> <i class="fa fa-clipboard-check"></i> 154 peças vendidas</small>
-                        </div>
-
                         <div class="mb-3">
                             <var class="price h4">@this.FormatoMoeda(Model.Valor)</var>
                         </div>
@@ -68,7 +51,7 @@
 
                                 </div>
                                 <br />
-                                <button type="submit" class="btn  btn-outline-primary">
+                                <button type="submit" class="btn  btn-primary">
                                     <span class="text">Adicionar ao carrinho</span> <i class="fas fa-shopping-cart"> &nbsp;</i>
                                 </button>