alicorn-dev/KintoneAppBuilder
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix ui

Browse Source
This commit is contained in:
xue jiahao
2024-12-25 10:10:38 +08:00
parent d254cb7e54
commit b1c55e3c31
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/components/UserInfoButton.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<q-btn flat no-caps dense icon="account_circle" :label="userInfo.fullName"> <q-btn flat no-caps dense icon="account_circle" :label="userInfo.fullName">
<q-menu max-width="225px"> <q-menu class="bar-user-menu">
<div class="row no-wrap q-px-md q-pt-sm "> <div class="row no-wrap q-px-md q-pt-sm ">
<div class="column items-center justify-center"> <div class="column items-center justify-center">
<q-icon name="account_circle" color="grey" size="3em" /> <q-icon name="account_circle" color="grey" size="3em" />
@@ -30,7 +30,10 @@ const authStore = useAuthStore();
const userInfo = computed(() => authStore.userInfo); const userInfo = computed(() => authStore.userInfo);
const roles = computed(() => authStore.roles); const roles = computed(() => authStore.roles);
</script> </script>
<style lang="scss" scoped> <style lang="scss" >
.bar-user-menu {
max-width: 230px !important;
}
.role-label { .role-label {
margin: 2px; margin: 2px;
} }

1
frontend/src/layouts/MainLayout.vue
View File

@@ -143,7 +143,6 @@ onMounted(() => {
function toggleLeftDrawer() { function toggleLeftDrawer() {
getCurrentInstance(); getCurrentInstance();
debugger;
authStore.toggleLeftMenu(); authStore.toggleLeftMenu();
} }
</script> </script>