Various tiny tweaks (#355)

src/lang/en-US/index.json

@@ -116,6 +116,8 @@
 
 	"comments": "Comments",
 
+	"item_count": "No Items | One Item | {count} Items",
+
 
   "about_directus": "About Directus",
   "activity": "Activity",
@@ -415,7 +417,6 @@
   "is_empty": "Is empty",
   "is_not_null": "Is not NULL",
   "is_null": "Is NULL",
-  "item_count": "No Items | One Item | {count} Items",
   "item_count_filter": "No Results | One Result | {count} Results",
   "item_deleted": "Item Deleted",
   "item_saved": "Item Saved | {count} Items Saved",

src/layouts/tabular/tabular.vue

@@ -51,6 +51,7 @@
 
 		<v-table
 			v-model="_selection"
+			v-if="loading || itemCount > 0"
 			ref="table"
 			fixed-header
 			show-select
@@ -77,6 +78,8 @@
 				</div>
 			</template>
 		</v-table>
+
+		<v-info v-else :title="$tc('item_count', 0)" icon="box" />
 	</div>
 </template>
 
@@ -388,4 +391,8 @@ export default defineComponent({
 	padding: 32px;
 	text-align: center;
 }
+
+.v-info {
+	margin: 20vh 0;
+}
 </style>

src/modules/collections/routes/overview/overview.vue

@@ -64,4 +64,9 @@ export default defineComponent({
 		vertical-align: unset;
 	}
 }
+
+.v-table {
+	padding: var(--content-padding);
+	padding-top: 0;
+}
 </style>

src/views/private/components/module-bar-avatar/module-bar-avatar.vue

@@ -87,6 +87,7 @@ export default defineComponent({
 
 	&.show {
 		transform: translateY(-100%);
+		transition: transform var(--fast) var(--transition);
 	}
 
 	.v-icon {