Rework dialog

baking-bad · Sep 16, 2023 · bc682df · bc682df
1 parent 6164f07
commit bc682df
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/src/components/Bookmarks/BookmarkButton.vue b/src/components/Bookmarks/BookmarkButton.vue
@@ -17,7 +17,11 @@
       </template>
       <span v-if="!isTextButton">{{ isBookmark ? 'Remove bookmark' : 'Add bookmark' }}</span>
     </v-tooltip>
-    <BookmarkDialog v-if="showEmpty" v-model="openBookMarkDialog" :alias="alias || ``" @added="onBookmarkAdded"/>
+    <BookmarkDialog v-if="showEmpty"
+      v-model="openBookMarkDialog"
+      :alias="alias || ``"
+      @added="onBookmarkAdded"
+    />
   </div>
 </template>
 

diff --git a/src/components/Bookmarks/BookmarkDialog.vue b/src/components/Bookmarks/BookmarkDialog.vue
@@ -2,7 +2,7 @@
     <v-dialog v-model="show" max-width="550" @keydown.esc="show = false" @keydown.enter="saveOnEnter" persistent>
       <v-card flat outlined>
         <v-card-title class="sidebar d-flex justify-center py-2">
-          <span class="body-1 font-weight-medium text-uppercase text--secondary">Your contract name</span>
+          <span class="body-1 font-weight-medium text-uppercase text--secondary">Your bookmark name</span>
           <v-spacer></v-spacer>
           <v-btn icon small @click.stop="show = false">
             <v-icon>mdi-close</v-icon>
@@ -18,17 +18,17 @@
               >
           </v-text-field>
         </v-card-text>
-        <v-card-actions class="px-2 justify-end">
+        <v-card-actions class="px-2 pt-0 pd-2 justify-end">
           <v-list-item v-if="name">
-            <v-list-item-content class="py-0">
-              <v-row class="pl-3 pt-3">
-                <span class="title-span">{{ name }}</span>
+            <v-list-item-content>
+              <v-list-item-subtitle>In bookmarks, will look like:</v-list-item-subtitle>
+              <v-row class="pt-4 pl-3">
+                <span class="title-span text--secondary">{{ name }}</span>
                 <v-icon class="px-1 pd-2" color="primary" small>mdi-star</v-icon>
               </v-row>
-              <v-list-item-subtitle>View in bookmarks</v-list-item-subtitle>
             </v-list-item-content>
           </v-list-item>
-          <v-btn class="px-2" color="primary" text @click="add">Add bookmark</v-btn>
+          <v-btn class="px-2 pt-9" color="primary" text @click="add">Add bookmark</v-btn>
         </v-card-actions>
       </v-card>
     </v-dialog>