Skip to content

Commit 6c265da

Browse files
SteveDok22SteveDok22
committed
Add mobile responsive design, video backgrounds, new logo
1 parent 03c286b commit 6c265da

File tree

11 files changed

+155
-18
lines changed

11 files changed

+155
-18
lines changed

‎backend/static/assets/index-DIML7URE.js‎

Lines changed: 72 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎backend/static/assets/index-lSgO_THt.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎backend/static/images/dashboard-bg.jpg‎

104 KB
Loading

‎backend/static/images/logo.png‎

2.08 MB
Loading

‎backend/static/videos/background.mp4‎

2.59 MB
Binary file not shown.

‎backend/static/videos/trade-bg.mp4‎

25.6 MB
Binary file not shown.

‎backend/static/videos/trading-bg.mp4‎

1.71 MB
Binary file not shown.

‎backend/templates/index.html‎

Lines changed: 14 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,15 @@
1-
<!DOCTYPE html>
2-
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>TradeSim Pro - Trading Simulator</title>
7-
<script type="module" crossorigin src="/assets/index-BDvbd904.js"></script>
8-
<link rel="stylesheet" crossorigin href="/assets/index-BBX9vMcj.css">
9-
</head>
10-
<body>
11-
<div id="root"></div>
12-
</body>
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/png" href="/static/images/logo.png" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<meta name="description" content="TradeSim Pro - Practice trading cryptocurrencies, stocks, and forex with virtual money" />
8+
<title>TradeSim Pro - Trading Simulator</title>
9+
<link rel="stylesheet" crossorigin href="backend\staticfiles\assets\index-CzIug_8o.css">
10+
</head>
11+
<body>
12+
<div id="root"></div>
13+
<script type="module" crossorigin src="backend\staticfiles\assets\index-CL5wzFLI.js"></script>
14+
</body>
1315
</html>

‎frontend/src/components/common/Navbar.css‎

Lines changed: 12 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -35,8 +35,8 @@
3535
}
3636

3737
.logo-image {
38-
width: 55px;
39-
height: 55px;
38+
width: 155px;
39+
height: 155px;
4040
object-fit: contain;
4141
margin: -10px 0;
4242
}
@@ -170,8 +170,9 @@
170170
}
171171

172172
.logo-image {
173-
width: 45px;
174-
height: 45px;
173+
width: 70px;
174+
height: 70px;
175+
margin: -15px 0;
175176
}
176177

177178
.mobile-menu-btn {
@@ -242,12 +243,17 @@
242243
}
243244

244245
@media (max-width: 480px) {
246+
.navbar {
247+
height: 50px;
248+
}
249+
245250
.navbar-logo span {
246251
display: none;
247252
}
248253

249254
.logo-image {
250-
width: 40px;
251-
height: 40px;
255+
width: 125px;
256+
height: 125px;
257+
margin: -12px 0;
252258
}
253259
}

‎frontend/src/pages/Positions.css‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -350,4 +350,33 @@
350350
width: 36px;
351351
height: 36px;
352352
}
353+
}
354+
355+
@media (max-width: 480px) {
356+
.position-details {
357+
grid-template-columns: 1fr 1fr;
358+
gap: 10px;
359+
}
360+
361+
.detail span {
362+
font-size: 11px;
363+
}
364+
365+
.detail p {
366+
font-size: 14px;
367+
}
368+
369+
.position-pnl {
370+
flex-direction: column;
371+
gap: 15px;
372+
}
373+
374+
.pnl-value {
375+
text-align: center;
376+
width: 100%;
377+
}
378+
379+
.btn-close {
380+
width: 100%;
381+
}
353382
}

0 commit comments

Comments
 (0)