The great flattification
This commit is contained in:
@@ -279,16 +279,14 @@ onMount(() => {
|
||||
.feat_table > div > .feat_label {
|
||||
border-top-left-radius: 0.5em;
|
||||
border-bottom-left-radius: 0.5em;
|
||||
background-color: var(--layer_1_color);
|
||||
color: var(--layer_1_text_color);
|
||||
background: var(--shaded_background);
|
||||
}
|
||||
.feat_table > div > .feat_normal {
|
||||
background-color: var(--layer_3_color);
|
||||
box-shadow: 1px 1px 4px -2px var(--shadow_color);
|
||||
background-color: var(--popout_color);
|
||||
}
|
||||
.feat_table > div > .feat_pro {
|
||||
background-color: var(--layer_4_color);
|
||||
box-shadow: 1px 1px 4px -1px var(--shadow_color);
|
||||
background-color: var(--popout_color);
|
||||
box-shadow: 1px 1px 2px -1px var(--shadow_color);
|
||||
}
|
||||
.feat_table > div > .feat_highlight {
|
||||
border: 1px solid var(--link_color)
|
||||
|
@@ -199,8 +199,8 @@
|
||||
hyphens: auto;
|
||||
}
|
||||
.feat_table > div > .feat_pro {
|
||||
background-color: var(--layer_4_color);
|
||||
box-shadow: 1px 1px 4px -1px var(--shadow_color);
|
||||
background-color: var(--popout_color);
|
||||
box-shadow: 1px 1px 2px -1px var(--shadow_color);
|
||||
}
|
||||
.text_highlight {
|
||||
color: var(--link_color);
|
||||
|
@@ -53,7 +53,6 @@ const on_success = (resp) => {
|
||||
href = "/u/"+resp.id
|
||||
target = "_blank"
|
||||
|
||||
file_button.style.background = 'var(--layer_3_color)'
|
||||
progress_bar.style.width = "100%"
|
||||
progress_bar.style.opacity = "0"
|
||||
}
|
||||
@@ -222,9 +221,8 @@ export const start = () => {
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
border-radius: 6px;
|
||||
box-shadow: 2px 2px 8px -3px var(--shadow_color);
|
||||
background-color: var(--layer_3_color);
|
||||
color: var(--text_color);
|
||||
background: var(--input_background);
|
||||
color: var(--body_text_color);
|
||||
word-break: break-all;
|
||||
text-align: left;
|
||||
line-height: 1.2em;
|
||||
@@ -277,7 +275,7 @@ export const start = () => {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
height: 1.4em;
|
||||
border-top: 1px solid var(--layer_3_color_border);
|
||||
border-top: 1px solid var(--separator);
|
||||
text-align: center;
|
||||
font-family: sans-serif, monospace;
|
||||
font-size: 0.9em;
|
||||
|
@@ -566,8 +566,8 @@ const keydown = (e) => {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
.instruction {
|
||||
border-top: 1px solid var(--layer_2_color_border);
|
||||
border-bottom: 1px solid var(--layer_2_color_border);
|
||||
border-top: 1px solid var(--separator);
|
||||
border-bottom: 1px solid var(--separator);
|
||||
margin: 1.5em 0;
|
||||
padding: 5px;
|
||||
}
|
||||
|
Reference in New Issue
Block a user