CSS changes for small screens
This commit is contained in:
parent
61793bdb5f
commit
e5c37f4ead
29
index.php
29
index.php
|
@ -24,20 +24,6 @@
|
|||
|
||||
|
||||
|
||||
//Check if home and back buttons are needed
|
||||
if($currentdir != $basedir) {
|
||||
echo("<div id=\"navigation\">");
|
||||
echo("<a href=\"/\">Inici</a><br/>");
|
||||
|
||||
//Solve ocurrences where url has ?q=./
|
||||
if (dirname($_GET["q"]) == ".") {
|
||||
$parentdir = "";
|
||||
}
|
||||
else $parentdir = dirname($_GET["q"]);
|
||||
|
||||
echo("<a href=\"?q=" . $parentdir . "\">Arrere</a><br/>");
|
||||
echo("</div>");
|
||||
}
|
||||
|
||||
echo("<hr style=\"border:2px dashed #e87d3e; margin-bottom: 65px\"/>");
|
||||
|
||||
|
@ -84,6 +70,21 @@
|
|||
}
|
||||
|
||||
printf('<p class="path">/%s</p>', $_GET["q"]);
|
||||
|
||||
//Check if home and back buttons are needed
|
||||
if($currentdir != $basedir) {
|
||||
echo("<div id=\"navigation\">");
|
||||
echo("<a href=\"/\">Inici</a><br/>");
|
||||
|
||||
//Solve ocurrences where url has ?q=./
|
||||
if (dirname($_GET["q"]) == ".") {
|
||||
$parentdir = "";
|
||||
}
|
||||
else $parentdir = dirname($_GET["q"]);
|
||||
|
||||
echo("<a href=\"?q=" . $parentdir . "\">Arrere</a><br/>");
|
||||
echo("</div>");
|
||||
}
|
||||
?>
|
||||
</body>
|
||||
</html>
|
||||
|
|
19
normal.css
19
normal.css
|
@ -2,8 +2,8 @@ body {
|
|||
background-color: #2e2e2e;
|
||||
color: #d6d6d6;
|
||||
font-family: "Courier New", monospace;
|
||||
font-size: 1.1em;
|
||||
margin: 75px 20%;
|
||||
font-size: 1em;
|
||||
margin: 75px 25%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
@ -41,15 +41,17 @@ a:hover {
|
|||
bottom: 25px;
|
||||
left: 25px;
|
||||
background-color: #101010;
|
||||
font-size: max(1.5vw, 1em);
|
||||
|
||||
}
|
||||
|
||||
#files {
|
||||
padding: 20px;
|
||||
text-align: left;
|
||||
padding: 10px;
|
||||
text-align: justify;
|
||||
display: inline-block;
|
||||
border: 2px dashed #d6d6d6;
|
||||
min-width: 400px;
|
||||
background-color: #101010;
|
||||
font-size: min(2.5vw, 1.4em);
|
||||
}
|
||||
|
||||
.path {
|
||||
|
@ -62,3 +64,10 @@ hr {
|
|||
border: 1.5px solid #d6d6d6;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
body {
|
||||
margin: 75px 15%;
|
||||
}
|
||||
#navigation {
|
||||
position: static;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue