- before copy paste

src/components/SheetCanvas.vue

@@ -7,6 +7,7 @@
 import { computed, ref } from 'vue';
 import { useDocument } from '../store/document';
 import CanvasObject from './CanvasObject.vue';
+import TheLogo from './TheLogo.vue';
 
 const emit = defineEmits<{ (e: 'files', files: FileList): void }>();
 
@@ -102,9 +103,10 @@ function selectObj(id: string) {
           />
         </div>
       </div>
-      <p v-if="sheet.objects.length === 0" class="hint">
-        Leeres Blatt — über die Toolbar „Tabelle" oder „Diagramm" einfügen.
-      </p>
+      <div v-if="sheet.objects.length === 0" class="hint">
+        <TheLogo word class="hint-logo" />
+        <p>Leeres Blatt — über die Toolbar „Tabelle", „Diagramm" oder „Text" einfügen.</p>
+      </div>
     </div>
 
     <div class="zoom-ctl">
@@ -155,12 +157,19 @@ function selectObj(id: string) {
 }
 .hint {
   position: absolute;
-  top: 40px;
-  left: 40px;
+  top: 44px;
+  left: 44px;
   color: var(--text-dim);
   font-size: 13px;
   pointer-events: none;
 }
+.hint p {
+  margin: 14px 0 0;
+}
+.hint-logo {
+  height: 62px;
+  opacity: 0.9;
+}
 .zoom-ctl {
   position: absolute;
   right: 16px;