Improve bookmarks modal layout on small screens

VedaWebProject · Jul 16, 2024 · 19399f7 · 19399f7
1 parent 6e78ba0
commit 19399f7
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/Tekst-Web/src/components/browse/BookmarksWidget.vue b/Tekst-Web/src/components/browse/BookmarksWidget.vue
@@ -91,9 +91,9 @@ async function handleBookmarkSelect(bookmark: BookmarkRead) {
     <n-list hoverable clickable style="background-color: transparent">
       <n-list-item
         :class="{ disabled: loading || maxCountReached }"
-        @click="!loading && handleCreateBookmarkClick()"
+        @click="!loading && !maxCountReached && handleCreateBookmarkClick()"
       >
-        <n-thing :content-indented="!state.smallScreen">
+        <n-thing content-indented>
           <template #avatar>
             <n-icon :component="AddIcon" size="large" />
           </template>
@@ -112,7 +112,7 @@ async function handleBookmarkSelect(bookmark: BookmarkRead) {
           :content-indented="!state.smallScreen"
           description-style="font-size: var(--font-size-tiny)"
         >
-          <template #avatar>
+          <template v-if="!state.smallScreen" #avatar>
             <n-icon :component="BookIcon" size="large" />
           </template>
           <template #header>