add Loading placeholder

src/components/FileViewer.vue

@@ -264,7 +264,7 @@ const mediaComponent = computed(() => {
 	height: 100%;
 
 	.tabs {
-		top: calc(50px + 49px + 30px);
+		top: calc(96px + 30px);
 		position: sticky;
 		z-index: 9;
 		border-top: var(--tui-border);

src/components/PushLogTimeline.vue

@@ -26,8 +26,8 @@
 						<span class="selectable" v-text="action.refName"></span>
 					</div>
 					<template v-if="action.commitList">
-						<h4 v-if="showRepo || showBranch">提交记录：</h4>
 						<div class="commits">
+							<h4 v-if="showRepo || showBranch" class="title">提交记录：</h4>
 							<div
 								class="commit"
 								v-for="(commit, commitIndex) in action.commitList"
@@ -103,9 +103,17 @@ const { items } = toRefs(props);
 
 		.commits {
 
+			.title {
+				margin: .5rem 0;
+			}
+
 			.commit {
 				display: flex;
 
+				&:first-child {
+					margin-top: .5rem;
+				}
+
 				&:nth-last-child(n + 2) {
 					margin-bottom: .5rem;
 				}