Redesign orders/cart/search flows and fix RTL/auth edge cases in user-app

- Fix silent redirect-to-home for unauthenticated users on protected routes;
  now redirects to login with a return path
- Restyle OrderCard, SearchInput, Filters, DropDown, and product card image
  sizing/centering to match the app's LESS-token design language
- Fix ant-design Slider handle placement/drag under RTL and seed a valid
  default range so handles actually render
- Fix chip-row edge padding and top spacing across Orders/Cart/Search lists
- Add pull-to-refresh to the dashboard and fix its header/padding to match
  the fixed PageBar pattern
- Remove the floating WhatsApp button from index.html
This commit is contained in:
s.esmaeili
2026-09-16 01:15:16 +03:30
parent 0e5f9ccd7b
commit e756fbaf85
30 changed files with 890 additions and 365 deletions
-35
View File
@@ -9,45 +9,10 @@
<meta name="background-color" content="#1C2D56" />
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
<title>طلای هنزا</title>
<style>
#whatsapp-button {
position: fixed;
bottom: 90px;
right: 20px;
width: 60px;
height: 60px;
padding: 8px;
box-sizing: border-box;
background-color: #ffffff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
cursor: pointer;
transition: transform 0.2s ease, box-shadow 0.2s ease;
z-index: 1000000000;
}
#whatsapp-button img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
#whatsapp-button:hover {
transform: scale(1.1);
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
}
</style>
</head>
<body style="background-color: #1C2D56">
<div class="bg-white w-screen h-screen fixed"></div>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
<a href="https://wa.me/989229425856" target="_blank" id="whatsapp-button" aria-label="پشتیبانی واتساپ">
<img src="/whatsapp.png" alt="پشتیبانی واتساپ" width="44" height="44" />
</a>
</body>
</html>