sundog
/
ffmpeg-explorer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

color

This commit is contained in:
Sam Lavigne 2023-08-20 14:08:08 -04:00
parent d445b891c8
commit b537517baf
4 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/App.svelte
View File

@ -211,7 +211,7 @@
</section> </section>
<section class="filters"> <section class="filters">
<h3>Filters</h3> <h3>Filters (click to add)</h3>
<div class="inner-filters"> <div class="inner-filters">
<div class="filter-picker"> <div class="filter-picker">
<FilterPicker select={"video"} /> <FilterPicker select={"video"} />
@ -247,10 +247,12 @@
} }
section { section {
border: 1px solid #999; /* border: 1px solid #999; */
/* box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.7); */
border: 1px solid var(--b1);
box-shadow: 7px 7px var(--b2);
padding: 10px; padding: 10px;
background-color: rgb(245, 245, 245); background-color: rgb(245, 245, 245);
box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.7);
} }
.header { .header {
@ -395,15 +397,15 @@
.filter-picker { .filter-picker {
width: 100%; width: 100%;
margin-bottom: 20px; margin-bottom: 20px;
height: 300px; height: 300px;
position: static; position: static;
} }
.filters-holder { .filters-holder {
grid-template-columns: repeat(1, 1fr); grid-template-columns: repeat(1, 1fr);
grid-gap: 10px; grid-gap: 10px;
flex: 1; flex: 1;
align-content: start; align-content: start;
padding: 0; padding: 0;
} }
} }
</style> </style>

6
src/Filter.svelte
View File

@ -92,7 +92,8 @@
.filter-holder { .filter-holder {
background-color: #fff; background-color: #fff;
padding: 10px; padding: 10px;
border: 1px solid #999; /* border: 1px solid #999; */
border: 1px solid var(--b2);
/* box-shadow: 5px 5px 0px #000; */ /* box-shadow: 5px 5px 0px #000; */
} }
.filter-holder, .filter-holder,
@ -114,7 +115,8 @@
justify-content: space-between; justify-content: space-between;
} }
.param-holder { .param-holder {
border-top: 1px solid #999; /* border-top: 1px solid #999; */
border-top: 1px solid var(--b2);
padding: 10px 0px; padding: 10px 0px;
} }
.param-holder:last-child { .param-holder:last-child {

4
src/FilterPicker.svelte
View File

@ -79,7 +79,7 @@
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
padding: 10px; padding: 10px;
border: 1px solid #999; border: 1px solid var(--b1);
} }
.type { .type {
color: #999; color: #999;
@ -87,7 +87,7 @@
} }
.filter { .filter {
border-bottom: 1px solid #000; border-bottom: 1px solid var(--b1);
padding: 10px 0px; padding: 10px 0px;
cursor: pointer; cursor: pointer;
} }

2
src/app.css
View File

@ -2,6 +2,8 @@
box-sizing: border-box; box-sizing: border-box;
} }
:root { :root {
--b1: #004dff;
--b2: #f19696b3;
} }
a { a {