wizard responsive

This commit is contained in:
Burak Civan
2022-11-21 10:56:17 +03:00
parent 3ff6e110e0
commit dea9c04406
7 changed files with 74 additions and 10 deletions

View File

@ -1,15 +1,15 @@
<template>
<div>
<div class="relative bg-body z-10 rounded-lg shadow-2xl p-10" style="height:675px;">
<div class="relative bg-body z-10 rounded-lg shadow-2xl p-5 sm:p-10 full-height-mobile" style="height:675px;">
<WizardSteps :active_state="active"></WizardSteps>
<form ref="form" class="w-full">
<div class="relative">
<div v-if="pageLoad" class="absolute left-0 right-0 top-0 bottom-0 w-full h-full bg-white rounded-lg flex items-center justify-center z-50">
<span class="material-icons form-spin text-lg animate-spin text-9xl">data_usage</span>
<span class="material-icons form-spin animate-spin text-9xl">data_usage</span>
</div>
<div class="flex flex-col justify-between">
<div class="flex flex-col justify-between -mt-5 sm:mt-0">
<div class="grid sm:grid-cols-6 gap-x-8 gap-y-6 my-3.5 menu-scroll gap-10">
<div class="sm:col-span-6">
<base-input