Styling fixes

This commit is contained in:
2022-12-05 15:01:04 +01:00
parent 735d58ac9a
commit 81929bb016
9 changed files with 73 additions and 77 deletions

View File

@@ -116,7 +116,7 @@ const keydown = (e) => {
flex-direction: row;
align-items: center;
justify-content: center;
font-size: 1.2em;
font-size: 1em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
@@ -125,12 +125,14 @@ const keydown = (e) => {
flex-grow: 1;
flex-shrink: 1;
text-align: center;
font-size: 1.2em;
}
.search {
min-width: 100px;
max-width: 300px;
flex-grow: 1;
flex-shrink: 1;
align-self: stretch;
}
@media(max-width: 700px) {
.title {

View File

@@ -684,7 +684,7 @@ const keyboard_event = evt => {
transition: left 0.5s;
overflow: auto;
text-align: center;
border-radius: 12px;
border-radius: 8px;
border: 2px solid var(--separator);
}
.file_preview.toolbar_visible { left: 8.2em; }

View File

@@ -105,7 +105,7 @@ export const set_item = idx => {
.nav_button{
flex-grow: 0;
flex-shrink: 0;
margin: 6px;
margin: 4px;
}
.list_navigator {
@@ -118,9 +118,9 @@ export const set_item = idx => {
.file_button {
position: relative;
height: 50px;
height: 48px;
width: 220px;
margin: 6px;
margin: 4px 3px;
padding: 0;
overflow: hidden;
border-radius: 6px;