NowChess/NowChess-Frontend
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: bootstrap added

Browse Source
This commit is contained in:
shahdlala66
2026-04-18 23:21:25 +02:00
parent 8b090e4d96
commit 0d7bb0343c
7 changed files with 370 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/chess-piece/chess-piece.component.css
+26 -2
View File
@@ -1,7 +1,31 @@
.piece {
width: clamp(40px, 9cqh, 130px);
height: clamp(40px, 9cqh, 130px);
width: clamp(50px, 11cqh, 160px);
height: clamp(50px, 11cqh, 160px);
display: block;
object-fit: contain;
pointer-events: none;
}
/* Tablets and below - reduce piece size */
@media (max-width: 991px) {
.piece {
width: clamp(40px, 9cqh, 130px);
height: clamp(40px, 9cqh, 130px);
}
}
/* Mobile - smaller pieces */
@media (max-width: 768px) {
.piece {
width: clamp(32px, 8cqh, 100px);
height: clamp(32px, 8cqh, 100px);
}
}
/* Small phones - even smaller */
@media (max-width: 480px) {
.piece {
width: clamp(24px, 6cqh, 75px);
height: clamp(24px, 6cqh, 75px);
}
}