janishutz/libreevent
1
0
Fork 0
mirror of https://github.com/janishutz/libreevent.git synced 2025-11-25 13:24:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

update colors + bugfixes

Browse Source
This commit is contained in:
Janis Hutz
2023-10-07 16:55:42 +02:00
parent 5d55140681
commit 033fdf3483
7 changed files with 52 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/webapp/main/src/App.vue
View File

@@ -43,7 +43,7 @@
--popup-color: rgb(224, 224, 224);
--accent-color: #42b983;
--hover-color: rgb(165, 165, 165);
--accent-background-hover: rgb(124, 140, 236);
--accent-background-hover: #648cab;
--overlay-color: rgba(0, 0, 0, 0.7);
--inactive-color: rgb(100, 100, 100);
--hint-color: rgb(174, 210, 221);
@@ -58,7 +58,7 @@
--popup-color: rgb(58, 58, 58);
--accent-color: #42b983;
--hover-color: rgb(83, 83, 83);
--accent-background-hover: rgb(124, 140, 236);
--accent-background-hover: #648cab;
--overlay-color: rgba(104, 104, 104, 0.575);
--inactive-color: rgb(190, 190, 190);
--hint-color: rgb(88, 91, 110);

23
src/webapp/main/src/components/noseatplan.vue
View File

@@ -2,10 +2,10 @@
<div class="seatingWrapper">
<div class="noseatplan">
<h2>Available tickets</h2>
<button @click="cartHandling()">Add selected tickets to cart</button>
<button @click="cartHandling()" class="button">Add selected tickets to cart</button>
<div class="wrapper">
<div v-for="ticket in event.categories">
{{ event[ 'categories' ][ ticket.id ][ 'name' ] }}
<div v-for="ticket in event.categories" style="margin-bottom: 1.5%;">
<h4 style="margin: 0.5%;">{{ event[ 'categories' ][ ticket.id ][ 'name' ] }}</h4>
<table>
<tr v-for="ticketOption in event[ 'ageGroups' ]">
<td>
@@ -266,6 +266,23 @@ export default {
height: 100%;
}
.button {
transition: all 1s;
padding: 1%;
border-radius: 50px;
border: none;
background-color: var( --accent-background-hover );
cursor: pointer;
color: var( --secondary-color );
margin-bottom: 3%;
text-decoration: none;
}
.button:hover {
background-color: var( --accent-background );
border-radius: 10px;
}
.noseatplan {
grid-area: main;
display: flex;