natty
/
fox-send
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

more formatting

This commit is contained in:
Daniela Arcese 2017-06-05 10:42:26 -04:00
parent dce581466d
commit a957a7302d
2 changed files with 31 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/index.html
View File

@ -14,7 +14,7 @@
Share your files quickly, privately and securely. Share your files quickly, privately and securely.
</div> </div>
<div class="upload-window"> <div class="upload-window">
<div id="upload-img"><img src='resources/upload.svg'/></div> <div id="upload-img"><img src="resources/upload.svg"/></div>
<div> <div>
DRAG &amp; DROP DRAG &amp; DROP
</div> </div>

45
public/main.css
View File

@ -8,7 +8,8 @@ body {
font-style: normal; font-style: normal;
background-size: cover; background-size: cover;
} }
.main-window{
.main-window {
border: 1px solid; border: 1px solid;
width: 606px; width: 606px;
height: 447px; height: 447px;
@ -21,12 +22,14 @@ body {
background-color: white; background-color: white;
border-radius: 5px; border-radius: 5px;
} }
.title{
.title {
font-size: 14px; font-size: 14px;
width: 50%; width: 50%;
margin: 50px auto ; margin: 50px auto ;
} }
.upload-window{
.upload-window {
border: 1px dashed; border: 1px dashed;
width: 50%; width: 50%;
margin: 0 auto; margin: 0 auto;
@ -38,58 +41,70 @@ body {
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
} }
#browse{
#browse {
float: right; float: right;
color: blue; color: blue;
} }
#browse-text{
#browse-text {
float: left; float: left;
width: 128px; width: 128px;
} }
#upload-img{
#upload-img {
padding-right: 20px; padding-right: 20px;
} }
.upload-window>div:nth-child(2){
.upload-window>div:nth-child(2) {
font-size: 26px; font-size: 26px;
} }
.upload{
.upload {
font-size: 12px; font-size: 12px;
width: auto; width: auto;
overflow: hidden; overflow: hidden;
} }
.file-upload{
.file-upload {
cursor: pointer; cursor: pointer;
} }
input[type="file"] { input[type="file"] {
display: none; display: none;
} }
form{
form {
width: 45px; width: 45px;
float: right; float: right;
} }
/** file-list **/ /** file-list **/
th{ th {
font-size: 10px; font-size: 10px;
color: #737373; color: #737373;
font-weight: normal; font-weight: normal;
text-align: left; text-align: left;
} }
td{
td {
font-size: 12px; font-size: 12px;
vertical-align: top; vertical-align: top;
} }
#uploaded-files{
#uploaded-files {
width: 472px; width: 472px;
margin: 10px auto ; margin: 10px auto ;
table-layout: fixed; table-layout: fixed;
overflow-y: scroll; overflow-y: scroll;
} }
#file-list{
#file-list {
overflow-y: scroll; overflow-y: scroll;
height: 90px; height: 90px;
} }
.delete-btn{
.delete-btn {
padding: 0; padding: 0;
border: none; border: none;
background: none; background: none;