Skip to content

Commit b049333

Browse files
varsha766varsha766
committed
fixed v-card issueof session page
1 parent 4634b6c commit b049333

File tree

8 files changed

+48
-41
lines changed

8 files changed

+48
-41
lines changed

‎src/assets/css/gblStyle.css

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -146,11 +146,18 @@ a {
146146
background-color: #fff;
147147
background-clip: border-box;
148148
border: 1px solid rgba(0, 0, 0, .125);
149-
}
150-
149+
max-height: 80vh;
150+
overflow-y: auto;
151+
}
152+
153+
.serviceCard.v-card,
154+
.serviceCard.v-sheet {
155+
border-radius: 8px !important;
156+
box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15) !important;
157+
}
151158
.dropDownPopup {
152159
box-shadow: var(--dropdown-menu-elevation, 0 1px 10px 0 rgba(0, 0, 0, .25));
153160
border-radius: 8px;
154161
border: 0px solid grey;
155162
}
156-
163+

‎src/views/playground/KYCDashboardCredit.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -154,7 +154,7 @@ h5 span {
154154
</div>
155155
<div class="col-2"></div>
156156
<div class="col-6">
157-
<div class="serviceCard p-4 mt-1">
157+
<v-card class="serviceCard p-4 mt-1">
158158
<div class="">
159159
<div class="">
160160
<p><b>Total Credits</b></p>
@@ -189,7 +189,7 @@ h5 span {
189189
</p>
190190
</div>
191191
</div>
192-
</div>
192+
</v-card>
193193
<!-- <div class="card p-4 mt-1" style="border-radius: 20px;">
194194
<div>
195195
<p><b>Scope(s)</b></p>

‎src/views/playground/SSIDashboardCredit.vue

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -161,7 +161,7 @@ h5 span {
161161
</div>
162162
<div class="col-2"></div>
163163
<div class="col-6">
164-
<div class="serviceCard p-4 mt-1">
164+
<v-card class="serviceCard p-4 mt-1">
165165
<div class="">
166166
<div class="">
167167
<p><b>Total Credits</b></p>
@@ -196,8 +196,8 @@ h5 span {
196196
</p>
197197
</div>
198198
</div>
199-
</div>
200-
<div class="serviceCard p-4 mt-2">
199+
</v-card>
200+
<v-card class="serviceCard p-4 mt-2">
201201
<div>
202202
<p><b>Scope(s)</b></p>
203203
<p v-if="allowance.scope.length > 0">
@@ -210,7 +210,7 @@ h5 span {
210210
</p>
211211

212212
</div>
213-
</div>
213+
</v-card>
214214
</div>
215215
</div>
216216

‎src/views/playground/SSIDashboardUsages.vue

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -170,14 +170,14 @@ h5 span {
170170

171171
<div class="row">
172172
<div class="col-md-8">
173-
<div class="serviceCard" style="padding:15px; ">
173+
<v-card class="serviceCard" style="padding:15px; ">
174174
<canvas class="didChart"></canvas>
175-
</div>
175+
</v-card>
176176
</div>
177177
<div class="col-md-4">
178-
<div class="serviceCard" style="padding:0px; height: 100%;">
178+
<v-card class="serviceCard" style="padding:0px; height: 100%;">
179179
<canvas class="polarChart"></canvas>
180-
</div>
180+
</v-card>
181181
</div>
182182

183183
</div>

‎src/views/playground/SessionsDetails.vue

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -181,7 +181,7 @@ h3 {
181181
</div>
182182

183183
<div>
184-
<div class="serviceCard">
184+
<v-card class="serviceCard">
185185
<div class="card-body f-sm">
186186
<div class="row">
187187
<div class="col-md-4 ">
@@ -208,12 +208,12 @@ h3 {
208208
</div>
209209
</div>
210210
</div>
211-
</div>
211+
</v-card>
212212
</div>
213213

214214
<div>
215215
<!-- Timelines -->
216-
<div class="serviceCard dataCard float-md-end">
216+
<v-card class="serviceCard dataCard float-md-end">
217217
<v-list-item three-line>
218218
<v-list-item-content>
219219
<v-list-item-title class="text-h5 mb-1">
@@ -255,10 +255,10 @@ h3 {
255255
</div>
256256
</v-list-item-content>
257257
</v-list-item>
258-
</div>
258+
</v-card>
259259

260260
<!-- Personal Information -->
261-
<div class="serviceCard dataCard float-" style="max-height: 439px; overflow-y: scroll; max-width: 400px;"
261+
<v-card class="serviceCard dataCard float-" style="max-height: 439px; overflow-y: scroll; max-width: 400px;"
262262
v-if="userPersonalDataFromUserConsent && Object.keys(userPersonalDataFromUserConsent).length > 0">
263263
<v-list-item three-line>
264264
<v-list-item-content>
@@ -283,9 +283,9 @@ h3 {
283283
</div>
284284
</v-list-item-content>
285285
</v-list-item>
286-
</div>
286+
</v-card>
287287

288-
<div class="serviceCard dataCard float-" style="max-height: 439px; overflow-y: scroll; max-width: 400px;"
288+
<v-card class="serviceCard dataCard float-" style="max-height: 439px; overflow-y: scroll; max-width: 400px;"
289289
v-if="userPersonalDataGovIdFromUserConsent && Object.keys(userPersonalDataGovIdFromUserConsent).length > 0">
290290
<v-list-item three-line>
291291
<v-list-item-content>
@@ -310,10 +310,10 @@ h3 {
310310
</div>
311311
</v-list-item-content>
312312
</v-list-item>
313-
</div>
313+
</v-card>
314314

315315
<!-- Device Information -->
316-
<div class="serviceCard dataCard float-" v-if="deviceDetails && Object.keys(deviceDetails).length > 0">
316+
<v-card class="serviceCard dataCard float-" v-if="deviceDetails && Object.keys(deviceDetails).length > 0">
317317
<v-list-item three-line>
318318
<v-list-item-content>
319319
<v-list-item-title class="text-h5 mb-1">
@@ -356,10 +356,10 @@ h3 {
356356
</div>
357357
</v-list-item-content>
358358
</v-list-item>
359-
</div>
359+
</v-card>
360360

361361
<!-- Face Verification -->
362-
<div class="serviceCard dataCard float-" :style="{ 'border': getStatusColor }"
362+
<v-card class="serviceCard dataCard float-" :style="{ 'border': getStatusColor }"
363363
v-if="session.selfiDetails && Object.keys(session.selfiDetails).length > 0 && session.ocriddocsDetails.tokenFaceImage">
364364
<v-list-item three-line>
365365
<v-list-item-content>
@@ -401,10 +401,10 @@ h3 {
401401
</div>
402402
</v-list-item-content>
403403
</v-list-item>
404-
</div>
404+
</v-card>
405405

406406
<!-- Liveliness Check -->
407-
<div class="serviceCard dataCard float-" :style="{ 'border': passiveLivelinessData.borderColor }"
407+
<v-card class="serviceCard dataCard float-" :style="{ 'border': passiveLivelinessData.borderColor }"
408408
v-if="session.selfiDetails && session.selfiDetails.createdAt && Object.keys(session.selfiDetails).length > 0">
409409
<v-list-item three-line>
410410
<v-list-item-content>
@@ -432,10 +432,10 @@ h3 {
432432
</div>
433433
</v-list-item-content>
434434
</v-list-item>
435-
</div>
435+
</v-card>
436436

437437
<!-- Location Information -->
438-
<div class="serviceCard dataCard float-" v-if="locationDetails && Object.keys(locationDetails).length > 0">
438+
<v-card class="serviceCard dataCard float-" v-if="locationDetails && Object.keys(locationDetails).length > 0">
439439
<v-list-item three-line>
440440
<v-list-item-content>
441441
<v-list-item-title class="text-h5 mb-1">
@@ -465,10 +465,10 @@ h3 {
465465
</div>
466466
</v-list-item-content>
467467
</v-list-item>
468-
</div>
468+
</v-card>
469469

470470
<!-- Images / Documentation -->
471-
<div class="serviceCard dataCard float-" v-if="selfiDataFound || idDocDataFound">
471+
<v-card class="serviceCard dataCard float-" v-if="selfiDataFound || idDocDataFound">
472472
<v-list-item three-line>
473473
<v-list-item-content>
474474
<v-list-item-title class="text-h5 mb-1">
@@ -527,10 +527,10 @@ h3 {
527527
</div> -->
528528
</v-list-item-content>
529529
</v-list-item>
530-
</div>
530+
</v-card>
531531

532532
<!-- SBT Minting --> <div v-for="eachSbtMintData in allSbtMintData" v-bind:key="eachSbtMintData">
533-
<div class="serviceCard dataCard float-"
533+
<v-card class="serviceCard dataCard float-"
534534
v-if="eachSbtMintData">
535535
<v-list-item three-line>
536536
<v-list-item-content>
@@ -597,7 +597,7 @@ h3 {
597597
</div>
598598
</v-list-item-content>
599599
</v-list-item>
600-
</div>
600+
</v-card>
601601
</div>
602602

603603
</div>

‎src/views/playground/Usage.vue

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -159,14 +159,14 @@ h5 span {
159159

160160
<div class="row">
161161
<div class="col-md-8">
162-
<div class="serviceCard" style="padding:15px; ">
162+
<v-card class="serviceCard" style="padding:15px; ">
163163
<canvas class="didChart"></canvas>
164-
</div>
164+
</v-card>
165165
</div>
166166
<div class="col-md-4">
167-
<div class="serviceCard" style="padding:0px; height: 100%;">
167+
<v-card class="serviceCard" style="padding:0px; height: 100%;">
168168
<canvas class="polarChart"></canvas>
169-
</div>
169+
</v-card>
170170
</div>
171171

172172
</div>

‎src/views/playground/WebhookConfig.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@
3838
</div>
3939

4040
<div class="">
41-
<div class=" serviceCard p-3">
41+
<v-card class=" serviceCard p-3">
4242
<form>
4343
<!-- <div class="form-group">
4444
<label for="exampleFormControlInput1">Name<span class="mandatory">*</span></label>
@@ -65,7 +65,7 @@
6565
Header</b-button>
6666
</b-form-group>
6767
</form>
68-
</div>
68+
</v-card>
6969
</div>
7070

7171
</div>

‎src/views/playground/WidgetConfig/Index.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -153,7 +153,7 @@ ul {
153153
</v-col>
154154
</v-row>
155155

156-
<div class="serviceCard">
156+
<v-card class="serviceCard">
157157
<ul class="list-group list-group-flush">
158158
<li class="list-group-item">
159159
<b-form-checkbox switch size="lg" v-model="widgetConfigTemp.faceRecog" disabled>{{
@@ -325,7 +325,7 @@ ul {
325325
<!-- <TrustedIssuer @selectedServiceEventFromTrustedIssuer="selectedServiceEventHandler" /> -->
326326
</li>
327327
</ul>
328-
</div>
328+
</v-card>
329329

330330

331331

0 commit comments

Comments
 (0)