mirror of
https://github.com/JonasunderscoreJones/BingoGenerator.git
synced 2025-10-22 16:39:19 +02:00
updated container width
This commit is contained in:
parent
2758cdba1c
commit
ce1ace9207
1 changed files with 8 additions and 3 deletions
|
@ -26,6 +26,8 @@
|
||||||
--settings-input-border-color: #333;
|
--settings-input-border-color: #333;
|
||||||
|
|
||||||
--shadow-color: rgba(0, 0, 0, 0.3);
|
--shadow-color: rgba(0, 0, 0, 0.3);
|
||||||
|
|
||||||
|
--root-width: 2 * calc(100vh - 3rem) + 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
[data-theme='light'] {
|
[data-theme='light'] {
|
||||||
|
@ -142,11 +144,16 @@ body {
|
||||||
background-color: var(--bg-color);
|
background-color: var(--bg-color);
|
||||||
color: var(--text-color);
|
color: var(--text-color);
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
|
width: var(--root-width);
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-content {
|
||||||
|
width: var(--root-width);
|
||||||
}
|
}
|
||||||
|
|
||||||
.root-bingo-container {
|
.root-bingo-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 100vw;
|
width: var(--root-width);
|
||||||
height: calc(100vh - 3rem);
|
height: calc(100vh - 3rem);
|
||||||
width: calc(100vw - 1rem);
|
width: calc(100vw - 1rem);
|
||||||
}
|
}
|
||||||
|
@ -198,8 +205,6 @@ body {
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
word-break: break-word;
|
|
||||||
overflow-wrap: break-word;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.bingo-cell:hover, .bingo-cell.clicked:hover {
|
.bingo-cell:hover, .bingo-cell.clicked:hover {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue