mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-03 04:27:53 +00:00
6694db093f
This PR migrates the dashboard apps page to the new layout and includes the following updates: - Create a compact design for the back button - Add a back button to the settings header - Reduce letter-spacing on the description - Fix mobile styles - Migrate the layout of dashboard apps/index to new layouts Note: I've moved all feature help URLs from features.yml to the frontend. This change prevents features.yml from becoming bloated due to frontend modifications. --------- Co-authored-by: Sojan Jose <sojan@pepalo.com>
41 lines
813 B
Vue
41 lines
813 B
Vue
<script setup>
|
|
import router from '../../routes/index';
|
|
const props = defineProps({
|
|
backUrl: {
|
|
type: [String, Object],
|
|
default: '',
|
|
},
|
|
buttonLabel: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
compact: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
});
|
|
|
|
const goBack = () => {
|
|
if (props.backUrl !== '') {
|
|
router.push(props.backUrl);
|
|
} else {
|
|
router.go(-1);
|
|
}
|
|
};
|
|
|
|
const buttonStyleClass = props.compact
|
|
? 'text-sm text-slate-600 dark:text-slate-300'
|
|
: 'text-base text-woot-500 dark:text-woot-500';
|
|
</script>
|
|
|
|
<template>
|
|
<button
|
|
class="flex items-center font-normal p-0 cursor-pointer"
|
|
:class="buttonStyleClass"
|
|
@click.capture="goBack"
|
|
>
|
|
<fluent-icon icon="chevron-left" class="-ml-1" />
|
|
{{ buttonLabel || $t('GENERAL_SETTINGS.BACK') }}
|
|
</button>
|
|
</template>
|