janishutz-website/old-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

working support system

Browse Source
This commit is contained in:
Janis Hutz
2023-07-26 19:50:57 +02:00
parent 1e2c0a30c2
commit 51e73f7156
1 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/support/index.html
View File

@@ -41,6 +41,7 @@
align-items: center; align-items: center;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: scroll;
} }
.big-button-outlined:hover { .big-button-outlined:hover {
@@ -68,6 +69,7 @@
border-radius: 10px; border-radius: 10px;
transition: all 0.3s; transition: all 0.3s;
margin-top: 2%; margin-top: 2%;
flex-shrink: 0;
} }
.support-option.open { .support-option.open {
@@ -105,6 +107,7 @@
<div id="popup"> <div id="popup">
<div class="popup-positioning"> <div class="popup-positioning">
<div class="popup-main"> <div class="popup-main">
<h3>{{ products[ selectedProduct].name }}</h3>
<div v-for="supportOption in products[ selectedProduct ].supportOptions" @click="toggleSupportOption( supportOption.id )" class="support-option" :id="supportOption.id + '-container'"> <div v-for="supportOption in products[ selectedProduct ].supportOptions" @click="toggleSupportOption( supportOption.id )" class="support-option" :id="supportOption.id + '-container'">
<p class="support-option-title">{{ supportOption.name }}</p> <p class="support-option-title">{{ supportOption.name }}</p>
<div :id="supportOption.id" class="support-option-details"> <div :id="supportOption.id" class="support-option-details">