pyr0ball
7a704441a6
- web/: Vue 3 + Vite + UnoCSS + Pinia, dark tactical theme (amber/#0d1117) - AppNav, ListingCard, SearchView with filters/sort, composables (useSnipeMode, useKonamiCode, useMotion), Pinia search store - Steal shimmer, auction countdown, Snipe Mode easter egg all native in Vue - docker/web/: nginx + multi-stage Dockerfile (node build → nginx serve) - compose.yml: api (8510) + web (8509) services - Dockerfile CMD updated to uvicorn for upcoming FastAPI layer - Clean build: 0 TS errors, 380 modules
34 lines
No EOL
646 B
JavaScript
34 lines
No EOL
646 B
JavaScript
/**
|
|
* Make icon square
|
|
*/
|
|
function makeIconSquare(icon) {
|
|
if (icon.width !== icon.height) {
|
|
const max = Math.max(icon.width, icon.height);
|
|
return {
|
|
...icon,
|
|
width: max,
|
|
height: max,
|
|
left: icon.left - (max - icon.width) / 2,
|
|
top: icon.top - (max - icon.height) / 2
|
|
};
|
|
}
|
|
return icon;
|
|
}
|
|
/**
|
|
* Make icon viewBox square
|
|
*/
|
|
function makeViewBoxSquare(viewBox) {
|
|
const [left, top, width, height] = viewBox;
|
|
if (width !== height) {
|
|
const max = Math.max(width, height);
|
|
return [
|
|
left - (max - width) / 2,
|
|
top - (max - height) / 2,
|
|
max,
|
|
max
|
|
];
|
|
}
|
|
return viewBox;
|
|
}
|
|
|
|
export { makeIconSquare, makeViewBoxSquare }; |