All files / apps/host/src/constants layout.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
6x
6x
 
6x
6x
6x
 
6x
6x
 
6x
6x
6x
 
 
 
6x
6x
 
6x
 
6x
6x
6x
 
6x
6x
 
export const DEFAULT_HEIGHT = 950;
export const BASE_WIDTH = 375;
 
export const BALLOON_SIZE_MULTIPLIER = 1.1;
export const LINE_HEIGHT_DIVISOR = 3;
export const LINE_MARGIN_TOP = -55;
 
export const BALLOON_SIZE = 400;
export const BALLOON_PADDING = 30;
 
export const MASCOT_WIDTH = 150;
export const MASCOT_HEIGHT = 200;
export const MASCOT_OFFSET = 0;
 
// Success (Done) screen mascot — Figma node 3950-48402:
// frame 428×926, mascot "Main 1" 321.62×338.26.
export const SUCCESS_MASCOT_WIDTH_RATIO = 321.62 / 428;
export const SUCCESS_MASCOT_ASPECT_RATIO = 338.26 / 321.62;
 
export const CONNECTOR_HEIGHT = 64;
 
export const BUTTON_SIZE = 60;
export const MIN_IMAGE_BUTTON_SPACING = 10;
export const MIN_IMAGE_BUTTON_SPACING_ZERO = 0;
 
export const BALLOON_WRAPPER_TOP_PERCENT_MIN = -0.1;
export const BALLOON_WRAPPER_TOP_PERCENT_MAX = -0.35;