didier/cineflex
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

megacommit

Browse source
This commit is contained in:
Didier Slof 2023-02-02 08:17:38 +01:00
parent 2451ab45cb
commit 34ed81516b
Signed by: didier
GPG key ID: 01E71F18AA4398E5
51 changed files with 1200 additions and 251 deletions
Download patch file Download diff file Expand all files Collapse all files

24
public/css/generic.css
View file

@ -130,6 +130,19 @@ a.button:hover {
color: var(--secondary-color-text);
}
button.button:active,
a.button:active {
background: var(--primary-color);
color: var(--primary-color-text);
}
button.button:disabled,
a.button:disabled {
background: var(--inactive-item-bg);
color: var(--dim-text);
cursor: not-allowed;
}
table {
border-collapse: collapse;
width: 100%;
@ -175,3 +188,14 @@ tr {
.mono {
font-family: monospace;
}
input.text {
/* generic input adjustments */
background: var(--second-bg);
color: var(--default-text);
border: none;
outline: none;
padding: 0.5rem;
border-radius: 0.5rem;
font-size: 1rem;
}

7
public/css/main.css
View file

@ -68,9 +68,16 @@ main {
justify-content: flex-end;
align-items: center;
opacity: 0;
padding: 1rem;
max-width: calc(100% - 2rem);
transition: opacity 0.5s;
}
#movies a .details span {
overflow: hidden;
text-overflow: ellipsis;
}
#movies a:hover .details {
opacity: 1;
}

52
public/css/manage.css
View file

@ -46,22 +46,30 @@ header div a {
color: var(--default-text);
display: block;
margin-top: 0.5rem;
transition: all 0.5s;
}
#sidebar a:hover {
filter: brightness(1.5);
background: var(--second-bg);
color: var(--default-text);
}
#sidebar a.active {
background: var(--highlight-bg);
border-left: 0.5rem solid var(--highlight-bg);
background-color: var(--default-bg);
color: var(--highlight-text);
}
#sidebar a.child {
padding-left: 2rem;
margin-top: 0;
/* nice visual*/
border-left: 1rem solid var(--second-bg);
/* nice visual*/
border-left: 0.5rem solid var(--second-bg);
}
#sidebar a.child.active {
border-left: 1rem solid var(--highlight-bg);
}
main {
@ -135,10 +143,10 @@ main {
margin: 0.5rem 0;
}
form .form-group button,
form .form-group select,
form .form-group textarea,
form .form-group input {
.form .form-group button,
.form .form-group select,
.form .form-group textarea,
.form .form-group input {
padding: 0.5rem;
border-radius: 0.5rem;
background: var(--default-bg);
@ -147,14 +155,14 @@ form .form-group input {
border: none;
}
form .form-group button:hover,
form .form-group select:hover,
form .form-group textarea:hover,
form .form-group input:hover,
form .form-group button:focus,
form .form-group select:focus,
form .form-group textarea:focus,
form .form-group input:focus {
.form .form-group button:hover,
.form .form-group select:hover,
.form .form-group textarea:hover,
.form .form-group input:hover,
.form .form-group button:focus,
.form .form-group select:focus,
.form .form-group textarea:focus,
.form .form-group input:focus {
filter: brightness(1.5);
}
@ -189,3 +197,15 @@ form .form-group button:hover {
justify-content: center;
align-items: center;
}
.warning {
background-color: rgba(255, 0, 0, 0.5);
padding: 1rem;
border-radius: 0.5rem;
margin: 1rem 0;
min-width: 25vw;
}
.warning h3 {
margin: 0;
}

53
public/css/order.css Normal file
View file

@ -0,0 +1,53 @@
body {
/* center with spacing on the left and right*/
margin: 0 auto;
width: 100%;
max-width: 1000px;
padding: 0 20px 3rem;
}
#seat-chooser {
border: 1px solid black;
padding: 2rem;
}
#summary {
background-color: var(--second-bg);
border-radius: 5px;
padding: 1rem;
margin: 1rem 0;
}
#summary-dyn .seat {
background-color: var(--darkest-bg);
color: var(--primary-color-text);
border-radius: 5px;
padding: 0.5rem;
margin: 0.5rem;
}
#summary-dyn .seat select.ticket-select {
background-color: var(--primary-color);
color: var(--primary-color-text);
border: 0;
border-radius: 5px;
padding: 0.5rem;
margin: 0.5rem;
}
#summary-dyn .seat .seat-span {
background-color: var(--primary-color);
color: var(--primary-color-text);
border-radius: 5px;
padding: 0.5rem;
margin: 0.5rem;
}
#summary-dyn .seat .price {
background-color: var(--secondary-color);
color: var(--darkest-bg);
border-radius: 5px;
padding: 0.5rem;
margin: 0.5rem;
float: right;
}

25
public/css/seat-chooser.css
View file

@ -12,8 +12,6 @@
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
--seat-width: 2.5rem;
--seat-height: var(--seat-width);
@ -95,24 +93,7 @@
filter: brightness(0.8);
}
#load-screen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
}
div.spinner {
width: 40px;
height: 40px;
border: 4px solid #f3f3f3;
border-top: 4px solid #3498db;
border-radius: 50%;
animation: spin 2s linear infinite;
#seat-chooser #seat-chooser-status {
text-align: center;
margin: 1rem;
}