ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make mobile responsive

Browse Source
This commit is contained in:
Matt Rider 2019-06-07 18:46:39 -03:00
parent eb45e68896
commit e542a8dc83
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
webapp/components/DeleteAccount/DeleteAccount.vue
View File

@ -4,10 +4,10 @@
<ds-space /> <ds-space />
<ds-container> <ds-container>
<ds-flex> <ds-flex>
<ds-flex-item width="8%"> <ds-flex-item :width="{ base: '100%', sm: 0.75, md: 0.5, lg: 0.5 }">
<ds-icon name="warning" size="xxx-large" class="delete-warning-icon" /> <ds-icon name="warning" size="xxx-large" class="delete-warning-icon" />
</ds-flex-item> </ds-flex-item>
<ds-flex-item width="80%"> <ds-flex-item :width="{ base: '100%', sm: 5.25, md: 2.75, lg: 5.5 }">
<ds-heading>{{ $t('settings.delete.name') }}</ds-heading> <ds-heading>{{ $t('settings.delete.name') }}</ds-heading>
</ds-flex-item> </ds-flex-item>
<ds-space /> <ds-space />
@ -49,15 +49,14 @@
<template slot="footer"> <template slot="footer">
<ds-container> <ds-container>
<ds-flex> <ds-flex>
<ds-flex-item width="40%"> <ds-flex-item :width="{ base: '60%', sm: 1.25, md: 1.25, lg: 1.75 }">
<div class="columns is-mobile"> <div class="columns is-mobile">
<div class="column"> <div class="column">
<b-switch type="is-danger" v-model="deleteEnabled"></b-switch> <b-switch type="is-danger" v-model="deleteEnabled"></b-switch>
</div> </div>
</div> </div>
</ds-flex-item> </ds-flex-item>
<ds-flex-item width="20%" /> <ds-flex-item :width="{ base: '60%', sm: 2.75, md: 2.75, lg: 1 }">
<ds-flex-item>
<ds-button <ds-button
icon="trash" icon="trash"
danger danger