Skip to content

Commit ba812c4

Browse files
author
danil-nizamov
committed
adaptive design
1 parent 02efbe5 commit ba812c4

File tree

3 files changed

+307
-15
lines changed

3 files changed

+307
-15
lines changed

client/bespoke-template.css

Lines changed: 33 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,16 @@
22
/* Template-specific components using CodeSignal Design System tokens */
33
/* This file provides layout, utilities, and temporary components not yet in the design system */
44

5+
/* ===== GLOBAL STYLES ===== */
6+
7+
/* Ensure page never scrolls */
8+
html, body {
9+
overflow: hidden;
10+
height: 100%;
11+
margin: 0;
12+
padding: 0;
13+
}
14+
515
/* ===== LAYOUT COMPONENTS ===== */
616

717
/* Bespoke wrapper for scoping */
@@ -12,6 +22,10 @@
1222
line-height: 1.6;
1323
margin: 0;
1424
padding: 0;
25+
display: flex;
26+
flex-direction: column;
27+
height: 100vh;
28+
overflow: hidden;
1529
}
1630

1731
.bespoke * {
@@ -27,6 +41,7 @@
2741
border-bottom: 1px solid var(--Colors-Stroke-Default);
2842
background: var(--Colors-Backgrounds-Main-Top);
2943
width: 100%;
44+
flex: 0 0 auto; /* Don't grow or shrink */
3045
}
3146

3247
.bespoke .header h1 {
@@ -46,7 +61,9 @@
4661
.bespoke .main-layout {
4762
display: grid;
4863
grid-template-columns: 300px 1fr;
49-
height: calc(100% - 42px);
64+
flex: 1 1 auto; /* Take remaining space */
65+
overflow: hidden;
66+
min-height: 0;
5067
}
5168

5269
.bespoke .sidebar {
@@ -59,6 +76,8 @@
5976
.bespoke .content-area {
6077
width: 100%;
6178
height: 100%;
79+
overflow: hidden;
80+
min-height: 0;
6281
}
6382

6483
/* ===== UTILITY CLASSES ===== */
@@ -433,6 +452,19 @@
433452

434453
/* Responsive Design */
435454
@media (max-width: 768px) {
455+
.bespoke .header {
456+
padding: var(--UI-Spacing-spacing-xs) var(--UI-Spacing-spacing-lg);
457+
gap: var(--UI-Spacing-spacing-md);
458+
}
459+
460+
.bespoke .header h1 {
461+
font-size: var(--Fonts-Body-Default-md);
462+
}
463+
464+
.bespoke .header .status {
465+
font-size: var(--Fonts-Body-Default-xxs);
466+
}
467+
436468
.bespoke .main-layout {
437469
grid-template-columns: 1fr;
438470
grid-template-rows: auto 1fr;
@@ -463,4 +495,3 @@
463495
font-size: var(--Fonts-Body-Default-lg);
464496
}
465497
}
466-

client/stats.txt

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
Typing Statistics
22
==================
33

4-
Total Errors Made: 2
5-
Errors Left (Unfixed): 0
6-
Total Time: 14.16 seconds
7-
Accuracy: 97.56%
8-
Speed: 63.55 words per minute
4+
Total Errors Made: 74
5+
Errors Left (Unfixed): 74
6+
Total Time: 3.30 seconds
7+
Accuracy: 10.84%
8+
Speed: 272.56 words per minute
99

10-
Generated: 26/11/2025, 06:30:23
10+
Generated: 26/11/2025, 16:19:29

0 commit comments

Comments
 (0)