| | |
|---|
| | | </div>
|
|---|
| | | <app-main />
|
|---|
| | | <settings ref="settingRef" />
|
|---|
| | | </div> |
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </template>
|
|---|
| | |
|
|---|
| | |
|---|
| | | const { width, height } = useWindowSize();
|
|---|
| | | const WIDTH = 992; // refer to Bootstrap's responsive design
|
|---|
| | |
|
|---|
| | | watchEffect(() => {
|
|---|
| | | watch(() => device.value, () => {
|
|---|
| | | if (device.value === 'mobile' && sidebar.value.opened) {
|
|---|
| | | useAppStore().closeSideBar({ withoutAnimation: false })
|
|---|
| | | }
|
|---|
| | | })
|
|---|
| | |
|
|---|
| | | watchEffect(() => {
|
|---|
| | | if (width.value - 1 < WIDTH) {
|
|---|
| | | useAppStore().toggleDevice('mobile')
|
|---|
| | | useAppStore().closeSideBar({ withoutAnimation: true })
|
|---|
