waveringana/embedder
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

front end work; added search

Browse source
This commit is contained in:
ana 2023-07-27 06:06:08 +00:00
parent 525ab410a6
commit 511d340c45
5 changed files with 226 additions and 150 deletions
Download patch file Download diff file Expand all files Collapse all files

35
app/public/css/app.css
View file

@ -1,13 +1,15 @@
.nav {
position: absolute;
top: -130px;
right: 0;
display: flex;
justify-content: space-between;
left: 0;
padding-bottom: 10px;
}
.nav ul {
margin: 0;
list-style: none;
text-align: center;
text-align: left;
padding-inline-start: 0px;
}
.nav li {
@ -19,6 +21,23 @@
line-height: 40px;
}
#search {
padding: 6px 12px;
background: rgb(31, 32, 35);
border: 1px solid rgb(60, 63, 68);
border-radius: 4px;
font-size: 13px;
color: rgb(247, 248, 248);
appearance: none;
transition: border 0.15s ease 0s;
:focus{
outline: none;
box-shadow: none;
border-color: rgb(100, 153, 255);
}
}
.nav a {
display: block;
color: inherit;
@ -30,7 +49,7 @@
}
.nav button {
height: 40px;
height: 14px;
}
.nav button:hover {
@ -72,7 +91,7 @@
}
#dropArea {
border: 2px dashed #ccc;
border: 2px dashed #cccccc4f;
border-radius: 20px;
width: 100%;
font-family: sans-serif;
@ -158,4 +177,8 @@ label {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.main {
padding-top: 10px;
}

22
app/public/css/index.css
View file

@ -41,6 +41,24 @@ body {
display: none;
}
@keyframes slideaway {
0% { transform: translateY(0); opacity: 1; }
100% { transform: translateY(40px); opacity: 0; }
}
.hide {
animation: slideaway 200ms forwards;
}
@keyframes slideback {
0% { transform: translateY(40px); opacity: 0; }
100% { transform: translateY(0); opacity: 1; }
}
.show {
animation: slideback 200ms forwards;
}
.embedderapp {
background: #121212;
margin: 130px 0 40px 0;
@ -99,7 +117,7 @@ body {
}
.new-embedder {
padding: 16px 16px 16px 60px;
padding: 16px 16px 16px 16px;
height: 65px;
border: none;
background: rgba(0, 0, 0, 0.003);
@ -212,7 +230,7 @@ body {
.embedder-list li label {
word-break: break-all;
padding: 15px 15px 15px 60px;
padding: 15px 15px 15px 15px;
display: block;
line-height: 1.2;
transition: color 0.4s;