demos: optimize custom toolbar background

Priestch · Oct 28, 2023 · 5e1181f · 5e1181f
1 parent 0d61ef2
commit 5e1181f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/demos/src/App.vue b/demos/src/App.vue
@@ -39,7 +39,7 @@ aside {
   position: fixed;
   left: 0;
   top: 0;
-  background: gainsboro;
+  background: #f9f9fa;
 }
 
 a:visited {

diff --git a/demos/src/views/CustomToolbar.vue b/demos/src/views/CustomToolbar.vue
@@ -61,6 +61,7 @@ function updatePageNumber(evt) {
   height: 40px;
   display: flex;
   border-bottom: 1px solid #c7c7c7;
+  background: #f9f9fa;
 }
 
 .header-item {
@@ -72,6 +73,8 @@ function updatePageNumber(evt) {
 .page-input {
   width: 3em;
   outline: none;
+  height: 2em;
+  text-align: center;
 }
 
 .viewer-content {