dxs
/
learn-request-queue
1
0
Fork 0
Code Issues 12 Pull Requests Projects Releases 11 Wiki Activity

Make addRequest box resize nicely

master
Dessa Simpson 2020-07-05 20:16:41 -07:00
parent 19f51d3a5a
commit 603769d5fd
2 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
public/style.css
View File

@ -101,7 +101,9 @@ div#nav-userpic {
#addRequestModal { #addRequestModal {
position: relative; position: relative;
padding: 1em; padding: 1em;
display: inline-block; margin: 2em;
width: 100%;
max-width: 480px;
background-color: #444; background-color: #444;
box-shadow: 0px 5px 20px black; box-shadow: 0px 5px 20px black;
} }
@ -110,6 +112,17 @@ div#nav-userpic {
margin-top: 0; margin-top: 0;
} }
#addRequestInputContainer {
display: flex;
justify-content: center;
}
#addRequestInputContainer input {
flex: 1;
max-width: 330px;
margin: 0 5px;
}
#addRequestModalClose { #addRequestModalClose {
position: absolute; position: absolute;
top: 0; top: 0;

4
views/main.eta
View File

@ -34,8 +34,10 @@
<div id="addRequestModal"> <div id="addRequestModal">
<div id="addRequestModalClose"><a href="#" onclick="closeAddRequestModal()">&times;</a></div> <div id="addRequestModalClose"><a href="#" onclick="closeAddRequestModal()">&times;</a></div>
<h1>Add Request</h1> <h1>Add Request</h1>
URL: <input id="addRequestUrl"></input> <span id="addRequestInputContainer">
URL: <input id="addRequestUrl" placeholder="https://www.youtube.com/watch?v=dQw4w9WgXcQ"></input>
<button onclick="validateAndSubmitRequest()">Request</button><br> <button onclick="validateAndSubmitRequest()">Request</button><br>
</span>
Currently, only Youtube links are accepted. Currently, only Youtube links are accepted.
</div> </div>
</div> </div>