mobile support
This commit is contained in:
@@ -146,6 +146,22 @@
|
||||
color: #555;
|
||||
font-size: 0.7rem;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.cps-display { font-size: 3.5rem; }
|
||||
.timer-display { font-size: 1rem; }
|
||||
.stats { gap: 1.5rem; margin-top: 1rem; }
|
||||
.stat-box .value { font-size: 1.1rem; }
|
||||
.stat-box .label { font-size: 0.5rem; }
|
||||
#statusMsg { font-size: 0.75rem; margin-top: 1.5rem; }
|
||||
.back-btn { font-size: 0.65rem; padding: 0.3rem 0.6rem; }
|
||||
.timer-btn { font-size: 0.65rem; padding: 0.3rem 0.6rem; }
|
||||
}
|
||||
@media (max-width: 400px) {
|
||||
.cps-display { font-size: 2.5rem; }
|
||||
.stats { gap: 1rem; }
|
||||
.top-bar { padding: 0.5rem 0.75rem; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
Reference in New Issue
Block a user