mirror of
https://github.com/arsvendg/Stirling-PDF.git
synced 2026-07-15 19:10:47 +02:00
5d18184e46
* Added ability to add seats to enterprise * first logged in date on people page * Remove Premium config section * Cleanup add seat flow * Shrink numbers in plan * Make editing text a server feature in the highlights * default to dollar pricing * clear checkout logic when crash * Recongnise location and find pricing * Payment successful page --------- Co-authored-by: Connor Yoh <[email protected]>
45 lines
1007 B
TypeScript
45 lines
1007 B
TypeScript
import { CSSProperties } from 'react';
|
|
|
|
/**
|
|
* Shared styling utilities for plan cards
|
|
*/
|
|
|
|
export const CARD_MIN_HEIGHT = '400px';
|
|
export const PRICE_FONT_WEIGHT = 600;
|
|
|
|
/**
|
|
* Get card border style based on state
|
|
*/
|
|
export function getCardBorderStyle(isHighlighted: boolean): CSSProperties {
|
|
return {
|
|
borderColor: isHighlighted ? 'var(--mantine-color-green-6)' : undefined,
|
|
borderWidth: isHighlighted ? '2px' : undefined,
|
|
};
|
|
}
|
|
|
|
/**
|
|
* Get base card style
|
|
*/
|
|
export function getBaseCardStyle(isHighlighted: boolean = false): CSSProperties {
|
|
return {
|
|
position: 'relative',
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
minHeight: CARD_MIN_HEIGHT,
|
|
...getCardBorderStyle(isHighlighted),
|
|
};
|
|
}
|
|
|
|
/**
|
|
* Get clickable paper style
|
|
*/
|
|
export function getClickablePaperStyle(isHighlighted: boolean = false): CSSProperties {
|
|
return {
|
|
cursor: 'pointer',
|
|
transition: 'all 0.2s',
|
|
height: '100%',
|
|
position: 'relative',
|
|
...getCardBorderStyle(isHighlighted),
|
|
};
|
|
}
|