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"; const isLocalhost = self.location.hostname === "localhost" || self.location.hostname === "127.0.0.1";
if (!isLocalhost) { if (!isLocalhost) {
const STATIC_CACHE = "construction-delivery-static-v8"; const STATIC_CACHE = "construction-delivery-static-v9";
const RUNTIME_CACHE = "construction-delivery-runtime-v8"; const RUNTIME_CACHE = "construction-delivery-runtime-v9";
const APP_SHELL_URLS = ["/", "/index.html", "/manifest.webmanifest", "/icons/icon-192.png", "/icons/icon-512.png"]; const APP_SHELL_URLS = ["/", "/index.html", "/manifest.webmanifest", "/icons/icon-192.png", "/icons/icon-512.png"];
self.addEventListener("install", (event) => { 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)]"; : "border-[var(--color-border)] bg-[var(--color-surface-strong)]";
return ( return (
<Button <button
key={group.id} key={group.id}
variant="ghost" type="button"
onClick={() => onOpenOrder(group.id)} 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="space-y-1">
<div className="grid grid-cols-[minmax(0,1fr)_auto] items-start gap-3"> <div className="grid grid-cols-[minmax(0,1fr)_auto] items-start gap-3">
@ -165,7 +165,7 @@ export const OrdersTable = ({
)} )}
</div> </div>
)} )}
</Button> </button>
); );
})} })}
</div> </div>