rusefi
/
msqur
mirror of https://github.com/rusefi/msqur.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add button image, tweak CSS

This commit is contained in:
Nick 2019-11-06 21:30:21 -06:00
parent ab3adf1ae5
commit 11b4567ceb
3 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/view/header.php
View File

@ -24,7 +24,7 @@ if (DEBUG) { ?>
<script src="view/msqur.js"></script> <script src="view/msqur.js"></script>
</head> </head>
<body> <body>
<div id="navigation"><span><button id="btnUpload">Upload</button></span><span><a href="browse.php">Browse</a></span><span style="display:none;"><a href="search.php">Search</a></span><span style="display:none;"><a>Stats</a></span><span><a href="about.php">About</a></span></div> <div id="navigation"><span><button id="btnUpload"><img src="view/img/upload.svg" alt="Upload" width="16" height="16"><span>Upload</span></button></span><span><a href="browse.php">Browse</a></span><span style="display:none;"><a href="search.php">Search</a></span><span style="display:none;"><a>Stats</a></span><span><a href="about.php">About</a></span></div>
<div id="upload" style="display:none;"> <div id="upload" style="display:none;">
<form id="engineForm" action="upload.php" method="post" enctype="multipart/form-data"> <form id="engineForm" action="upload.php" method="post" enctype="multipart/form-data">
<div id="fileDropZone"><label for="fileSelect">Drop files here</label> <div id="fileDropZone"><label for="fileSelect">Drop files here</label>

1
src/view/img/upload.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M13 10v6H7v-6H2l8-8 8 8h-5zM0 18h20v2H0v-2z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 121 B

14
src/view/msqur.css
View File

@ -50,8 +50,8 @@ div.debug {
} }
div#navigation { div#navigation {
background: #333; background: #c1d5e0;
color: white; color: black;
padding: 8px 24px 8px 24px; padding: 8px 24px 8px 24px;
} }
@ -60,18 +60,20 @@ div#navigation span {
padding: 0px 8px 0px 8px; padding: 0px 8px 0px 8px;
} }
/*
div#navigation a:link { div#navigation a:link {
color: green; color: #ff6f00;
} }
div#navigation a:hover { div#navigation a:hover {
color: white; color: #c43e00;
} }
div#navigation a:active { div#navigation a:active {
color: white; color: #ffa040;
} }
div#navigation a:visited { div#navigation a:visited {
color: red; color: #c43e00;
} }
*/
div#splash img.tutorial { div#splash img.tutorial {
margin-bottom: 32px; margin-bottom: 32px;