fix: Small visual fixes

fixes #2168 Signed-off-by: Marcel Klehr <mklehr@gmx.net>
nextcloud · Jun 6, 2024 · 6023042 · 6023042
1 parent 2f129a5
commit 6023042
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/components/BookmarkContent.vue b/src/components/BookmarkContent.vue
@@ -100,6 +100,11 @@ export default {
 	width: auto;
 }
 
+.bookmark-content .empty-content {
+	margin: 150px auto;
+	width: 600px;
+}
+
 .bookmark-content .content iframe {
 	height: 100%;
 	width: 100%;

diff --git a/src/components/SidebarBookmark.vue b/src/components/SidebarBookmark.vue
@@ -7,7 +7,7 @@
 <template>
 	<NcAppSidebar v-if="isActive"
 		class="sidebar"
-		:name="bookmark.title"
+		:name="bookmark.title || t('bookmarks', '(Empty title)')"
 		:name-editable="editingTitle"
 		:name-placeholder="t('bookmarks', 'Title')"
 		:subtitle="addedDate"
@@ -37,7 +37,7 @@
 			<template #icon>
 				<InformationVariantIcon :size="20" />
 			</template>
-			<div>
+			<div class="sidebar">
 				<div v-if="!editingTarget" class="details__line">
 					<OpenInNewIcon :size="20" :aria-label="t('bookmarks', 'Link')" :title="t('bookmarks', 'Link')" />
 					<a class="details__url" :href="bookmark.target === bookmark.url ? bookmark.target : 'javascript:void(0)'">{{ bookmark.target }}</a>
@@ -305,6 +305,7 @@ export default {
 
 .sidebar .details__line > * {
 	flex-grow: 0;
+	margin-right: 10px;
 }
 
 .sidebar .details__line > :nth-child(2) {