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>
</head>
<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;">
<form id="engineForm" action="upload.php" method="post" enctype="multipart/form-data">
<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 {
background: #333;
color: white;
background: #c1d5e0;
color: black;
padding: 8px 24px 8px 24px;
}
@ -60,18 +60,20 @@ div#navigation span {
padding: 0px 8px 0px 8px;
}
/*
div#navigation a:link {
color: green;
color: #ff6f00;
}
div#navigation a:hover {
color: white;
color: #c43e00;
}
div#navigation a:active {
color: white;
color: #ffa040;
}
div#navigation a:visited {
color: red;
color: #c43e00;
}
*/
div#splash img.tutorial {
margin-bottom: 32px;