65 lines
3.1 KiB
Vue
65 lines
3.1 KiB
Vue
<template>
|
|
<v-expansion-panels>
|
|
<v-expansion-panel elevation="10">
|
|
<v-expansion-panel-title>
|
|
<v-row no-gutters>
|
|
<v-col cols="12" md="5" class="d-flex justify-start">
|
|
<h6 class="text-h6">General settings</h6>
|
|
</v-col>
|
|
<v-col cols="12" md="6" class="d-flex justify-start mt-md-0 mt-3">
|
|
<h6 class="text-subtitle-1">i am an accordion</h6>
|
|
</v-col>
|
|
</v-row>
|
|
</v-expansion-panel-title>
|
|
<v-expansion-panel-text>
|
|
Nulla facilisi. Phasellus sollicitudin nulla et quam mattis feugiat. Aliquam eget maximus est, id dignissim quam.
|
|
</v-expansion-panel-text>
|
|
<v-divider></v-divider>
|
|
</v-expansion-panel>
|
|
<v-expansion-panel elevation="10">
|
|
<v-expansion-panel-title>
|
|
<v-row no-gutters>
|
|
<v-col cols="12" md="5" class="d-flex justify-start">
|
|
<h6 class="text-h6">Users</h6>
|
|
</v-col>
|
|
<v-col cols="12" md="6" class="d-flex justify-start mt-md-0 mt-3">
|
|
<h6 class="text-subtitle-1">You are currently not an owner</h6>
|
|
</v-col>
|
|
</v-row>
|
|
</v-expansion-panel-title>
|
|
<v-expansion-panel-text>
|
|
Nulla facilisi. Phasellus sollicitudin nulla et quam mattis feugiat. Aliquam eget maximus est, id dignissim quam.
|
|
</v-expansion-panel-text>
|
|
<v-divider></v-divider>
|
|
</v-expansion-panel>
|
|
<v-expansion-panel elevation="10">
|
|
<v-expansion-panel-title>
|
|
<v-row no-gutters>
|
|
<v-col cols="12" md="5" class="d-flex justify-start">
|
|
<h6 class="text-h6">Advance Settings</h6>
|
|
</v-col>
|
|
<v-col cols="12" md="6" class="d-flex justify-start mt-md-0 mt-3">
|
|
<h6 class="text-subtitle-1">Filtering has been entirely disabled for whole web server</h6>
|
|
</v-col>
|
|
</v-row>
|
|
</v-expansion-panel-title>
|
|
<v-expansion-panel-text>
|
|
Nulla facilisi. Phasellus sollicitudin nulla et quam mattis feugiat. Aliquam eget maximus est, id dignissim quam.
|
|
</v-expansion-panel-text>
|
|
<v-divider></v-divider>
|
|
</v-expansion-panel>
|
|
<v-expansion-panel elevation="10">
|
|
<v-expansion-panel-title>
|
|
<v-row no-gutters>
|
|
<v-col cols="10" class="d-flex justify-start mt-md-0 mt-3">
|
|
<h6 class="text-h6">Personal data</h6>
|
|
</v-col>
|
|
</v-row>
|
|
</v-expansion-panel-title>
|
|
<v-expansion-panel-text>
|
|
Nulla facilisi. Phasellus sollicitudin nulla et quam mattis feugiat. Aliquam eget maximus est, id dignissim quam.
|
|
</v-expansion-panel-text>
|
|
<v-divider></v-divider>
|
|
</v-expansion-panel>
|
|
</v-expansion-panels>
|
|
</template> |