Redesign tab bar and tune shadows

This commit is contained in:
2021-09-23 20:38:17 +02:00
parent fb26f17fb8
commit cbdbac49d7
19 changed files with 184 additions and 203 deletions

View File

@@ -73,7 +73,7 @@ const share_tumblr = () => {
overflow-x: hidden;
float: left;
background-color: var(--layer_1_color);
box-shadow: inset 1px 1px var(--layer_1_shadow) var(--shadow_color);
box-shadow: inset 1px 1px 5px var(--shadow_color);
text-align: center;
z-index: 48;
overflow: hidden;

View File

@@ -236,7 +236,7 @@ const toggle_select = () => {
margin: 16px 0 16px 0;
text-align: left;
background-color: var(--layer_2_color);
box-shadow: 1px 1px var(--layer_2_shadow) var(--shadow_color);
box-shadow: 1px 1px 5px var(--shadow_color);
box-sizing: border-box;
border-collapse: collapse;
}

View File

@@ -197,7 +197,7 @@ const paste = (e) => {
margin: 6px 0 0 0;
padding: 0;
background-color: var(--layer_2_color);
box-shadow: 1px 1px var(--layer_2_shadow) var(--shadow_color);
box-shadow: 1px 1px 5px var(--shadow_color);
}
.upload_progress_bar {

View File

@@ -76,7 +76,7 @@ const mouseup = (e) => {
top: 50%;
cursor: pointer;
transform: translateY(-50%);
box-shadow: 1px 1px var(--layer_3_shadow) var(--shadow_color);
box-shadow: 1px 1px 5px var(--shadow_color);
}
.image.zoom {
max-width: none;

View File

@@ -63,6 +63,6 @@ onMount(() => {
max-height: 100%;
top: 50%;
transform: translateY(-50%);
box-shadow: 1px 1px var(--layer_3_shadow) var(--shadow_color);
box-shadow: 1px 1px 5px var(--shadow_color);
}
</style>