clean up proxy top bar
drop the home button, revert the go-button restyle, add breathing room between the bar and the recommended sites grid below it
This commit is contained in:
@ -7,21 +7,12 @@ body {
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
padding: 10px;
|
padding: 18px 10px;
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
background-color: var(--bg-2);
|
background-color: var(--bg-2);
|
||||||
box-shadow: 0 0 10px var(--color-2);
|
box-shadow: 0 0 10px var(--color-2);
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
}
|
}
|
||||||
#proxyBar a {
|
|
||||||
flex: 0 0 auto;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
#proxyBar a img {
|
|
||||||
width: 28px;
|
|
||||||
height: 28px;
|
|
||||||
}
|
|
||||||
#sj-form {
|
#sj-form {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
@ -74,6 +65,7 @@ body {
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
#sj-frame {
|
#sj-frame {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|||||||
@ -179,7 +179,6 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div id="proxyBar">
|
<div id="proxyBar">
|
||||||
<a href="/home.html" title="back to home"><img src="/img/home.svg" /></a>
|
|
||||||
<form id="sj-form">
|
<form id="sj-form">
|
||||||
<input id="sj-address" type="text" placeholder="search or enter a url" autocomplete="off" />
|
<input id="sj-address" type="text" placeholder="search or enter a url" autocomplete="off" />
|
||||||
<button type="submit">go</button>
|
<button type="submit">go</button>
|
||||||
|
|||||||
Reference in New Issue
Block a user