#title
height: 80px
+flex-config(space-between,false,row,center)
+ margin-top: -24px
#logo
height: 40px
filter: brightness(10)
+font-size(16)
.progress-container
margin: 6px 0 16px
+ +flex-config(center,false,false,center)
.progress-item
width: 16px
height: 4px
grid-template-columns: repeat(2, 1fr)
grid-gap: 16px
&-item
- width: 100%
- height: 58px
- @extend .radius
- background-color: $neutral-color
- +flex-config(space-between,false,false,center)
- padding: 0 16px
- cursor: pointer
+ label
+ width: 100%
+ height: 58px
+ @extend .radius
+ background-color: $neutral-color
+ +flex-config(space-between,false,false,center)
+ padding: 0 16px
+ cursor: pointer
+ border: 2px solid rgba($texts-color, .24)
+ position: relative
+ overflow: hidden
+ *
+ z-index: 1
+
+ input:checked+label
+ border-color: $texts-color
+ &:after
+ content: ""
+ width: 100%
+ height: 100%
+ +opacity(.16)
+ position: absolute
+ top: 0
+ left: 0
@php
$absPath = \App\Models\Quiz::find($data->id)->getPreviewURL();
- $svg = file_get_contents($absPath."_1690797039/".$data->theme->introImage, true);
@endphp
<div class="container-screen active-screen next">
@include('quizv2.header_title', ['data', $data])
<form class="screen question-multiple">
<ul class="list">
@foreach($data['answers'] as $key => $answer)
+ @dump($answer)
<li class="list-item">
+ <input type="checkbox" id="question-{{$key}}" class="none" value="">
<label for="question-{{$key}}">
- {{$answer['answer']}}
- <input type="checkbox" name="question-{{$key}}" class="none">
+ <span class="relative">{{$answer['answer']}}</span>
+ <span class="access">{{$alphabet[$key]}}</span>
</label>
- <span class="access">{{$alphabet[$key]}}</span>
</li>
@endforeach
</ul>