Mk
/
supersam
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: replace Button with native button for mobile cards — proper left-align 

Button component forces inline-flex items-center justify-center rounded-full
which was overriding all alignment. Switched to native <button> with
flex flex-col items-start justify-start. SW v8→v9.
This commit is contained in:
root 2026-06-18 18:35:42 +00:00
parent 28ccb655d3
commit 17fe2125a5
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/service-worker.js
View File

@ -1,8 +1,8 @@
const isLocalhost = self.location.hostname === "localhost" || self.location.hostname === "127.0.0.1";
if (!isLocalhost) {
const STATIC_CACHE = "construction-delivery-static-v8";
const RUNTIME_CACHE = "construction-delivery-runtime-v8";
const STATIC_CACHE = "construction-delivery-static-v9";
const RUNTIME_CACHE = "construction-delivery-runtime-v9";
const APP_SHELL_URLS = ["/", "/index.html", "/manifest.webmanifest", "/icons/icon-192.png", "/icons/icon-512.png"];
self.addEventListener("install", (event) => {

8
src/components/orders/OrdersTable.jsx
View File

@ -127,11 +127,11 @@ export const OrdersTable = ({
: "border-[var(--color-border)] bg-[var(--color-surface-strong)]";
return (
<Button
<button
key={group.id}
variant="ghost"
type="button"
onClick={() => onOpenOrder(group.id)}
className={[baseClass, selectedClass, "!flex !text-left !items-start !justify-start"].join(" ")}
className={[baseClass, selectedClass, "flex flex-col items-start justify-start p-4"].join(" ")}
>
<div className="space-y-1">
<div className="grid grid-cols-[minmax(0,1fr)_auto] items-start gap-3">
@ -165,7 +165,7 @@ export const OrdersTable = ({
)}
</div>
)}
</Button>
</button>
);
})}
</div>