increase frontend flexibility

frontend/src/views/EmptyPanelView.vue

@@ -8,6 +8,9 @@ import {
 import PanelHeirarchy from '@/components/PanelHeirarchy.vue';
 import router from '@/router';
 import TextInput from '@/components/TextInput.vue';
+import ScreenLayout from '@/components/layout/ScreenLayout.vue';
+import { Direction } from '@/composables/Direction.ts';
+import { ScreenType } from '@/composables/ScreenType.ts';
 
 const searchValue = ref('');
 
@@ -30,7 +33,7 @@ function onEnter() {
 </script>
 
 <template>
-    <div class="column stretch screen limited content page">
+    <ScreenLayout :direction="Direction.Column" :type="ScreenType.Page" limit>
         <div class="row">
             <TextInput
                 autofocus
@@ -52,7 +55,7 @@ function onEnter() {
                 </div>
             </div>
         </div>
-    </div>
+    </ScreenLayout>
 </template>
 
 <style scoped lang="scss">