beenull/mwmbl
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge pull request #11 from ArcoMul/fix-mobile-layout

Browse source 
Make page responsive for mobile devices
This commit is contained in:
Daoud Clarke 2021-12-28 21:26:18 +00:00 committed by GitHub
commit 04d7cbdfe3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
tinysearchengine/static/index.css
View file

@ -3,8 +3,11 @@ html {
background: #dcdced;
}
body {
font-size: 1.2rem;
}
p {
font-size: 25px;
width: 100%;
white-space: nowrap;
overflow: hidden;
@ -19,11 +22,12 @@ div {
.url {
margin-top: 0px;
font-size: 20px;
font-size: 1rem;
}
#container {
width: 1024px;
.container {
width: 100%;
max-width: 1024px;
margin: 0 auto;
}
@ -34,7 +38,7 @@ div {
outline: none;
font-size: 50px;
font-size: inherit;
border: 2px solid #ccc;
border-width: 4px;

5
tinysearchengine/static/index.html
View file

@ -1,7 +1,8 @@
<html>
<head>
<meta name="referrer" content="no-referrer">
<title>Stoatally Different</title>
<title>Stoatally Different</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="/index.css" rel="stylesheet">
<link rel="search"
type="application/opensearchdescription+xml"
@ -10,7 +11,7 @@
<script src="/index.js"></script>
</head>
<body>
<div id="container">
<div class="container">
<form autocomplete="off" id="search-form">
<input type="search" id="search" name="s" value="" autofocus/>
</form>