40 lines
755 B
CSS
40 lines
755 B
CSS
|
:root {
|
||
|
|
--spacing: 1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.seat-chooser {
|
||
|
|
padding: var(--spacing);
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
position: relative;
|
||
|
|
background: var(--second-bg);
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
border-radius: 5px;
|
||
|
|
overflow: hidden;
|
||
|
|
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: repeat(var(--cols), 1fr);
|
||
|
|
grid-template-rows: repeat(var(--rows), 1fr);
|
||
|
|
gap: var(--spacing);
|
||
|
|
}
|
||
|
|
|
||
|
|
.seat-chooser .seat {
|
||
|
|
position: relative;
|
||
|
|
background: #5f5;
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
border-radius: 5px;
|
||
|
|
overflow: hidden;
|
||
|
|
cursor: pointer;
|
||
|
|
width: 32px;
|
||
|
|
height: 32px;
|
||
|
|
transition: all 0.3s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.seat-chooser .seat.seat-reserved {
|
||
|
|
background: #f66;
|
||
|
|
}
|
||
|
|
|
||
|
|
.seat-chooser .seat:hover {
|
||
|
|
background: var(--highlight-bg);
|
||
|
|
}
|