Minor changes in layout

lucasbbs · Mar 16, 2024 · 8ea24f5 · 8ea24f5
1 parent 2df15da
commit 8ea24f5
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 6 deletions.
diff --git a/Areas/Customer/Views/Home/Index.cshtml b/Areas/Customer/Views/Home/Index.cshtml
@@ -18,11 +18,25 @@
         <div class="col-lg-3 col-sm-6">
             <div class="row p-2">
                 <div class="col-12 p-1">
-                    <div class="card border-0 p-3 shadow border-top border-5 rounded">
-                        <img src="@table.ImageUrl" class="card-img-top rounded" />
+                    <div class="card border-0 p-3 shadow border-top border-5 rounded" style="height: 400px;">
+                        <div class="card-img-top rounded bg-image d-flex justify-content-center align-items-center"
+                          style="
+                            background-image: url('@table.ImageUrl');
+                            height: 150px !important;
+                            background-size: cover;
+                            background-position: center;
+                          "
+                        >
+                        </div>
+                        @* <img src="@table.ImageUrl" class="card-img-top rounded" /> *@
                         <div class="card-body pb-0">
                             <div class="pl-1">
-                                <p class="card-title h5 text-dark opacity-75 text-uppercase text-center">
+                                <p 
+                                    class="card-title h5 text-dark opacity-75 text-uppercase text-center"
+                                   style="display: -webkit-box;
+                                          -webkit-box-orient: vertical;
+                                          -webkit-line-clamp: 2;
+                                          overflow: hidden;">
                                     @table.Name
                                 </p>
                                 <p class="card-title text-warning text-center">
@@ -31,13 +45,13 @@
                                     </b>
                                 </p>
                             </div>
+                        </div>
+                        <div>
                             <div class="pl-1">
                                 <p class="text-dark text-opacity-75 text-center">
                                     Only @table.Price.ToString("c")
                                 </p>
                             </div>
-                        </div>
-                        <div>
                             <a
                                 asp-route-tableId="@table.Id"
                                 asp-action="Details"

diff --git a/Views/Shared/_Layout.cshtml b/Views/Shared/_Layout.cshtml
@@ -5,12 +5,13 @@
 <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>@ViewData["Title"] - ClearEdge_Tables</title>
+    <title>@ViewData["Title"] ClearEdge Tables</title>
     <link rel="stylesheet" href="~/lib/bootstrap/dist/css/minty.bootstrap.min.css" />
     <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
     <link rel="stylesheet" href="~/ClearEdge_Tables.styles.css" asp-append-version="true" />
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
     <link rel="stylesheet" href="https://cdn.datatables.net/2.0.2/css/dataTables.dataTables.min.css" />
+    <link rel="icon" type="image/svg+xml" href="~/images/ClearEdge Tables Logo.svg">
 </head>
 <body>
     <header>