me/vytal-redux
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

formatted html and fixed scroll bar

Browse source
This commit is contained in:
z0ccc 2021-06-10 18:33:13 -04:00
parent 7094f6afd1
commit 82fc118fe0
2 changed files with 19 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
public/popup.html
View file

@ -1,14 +1,12 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<head>
<meta charset="utf-8">
</head>
<body>
<body>
<div id="popup"></div>
</body>
</body>
<script src="popup.js"></script>
</html>
<script src="popup.js"></script>
</html>

15
src/App.css
View file

@ -3,7 +3,9 @@
--text: #212121;
--background: #fff;
--scrollbar: #ccc;
--navbar: #F7F9F9;
--icon: #AAB7B8;
--border: #F0F3F4;
}
body {
@ -11,8 +13,9 @@ body {
background-color: var(--background);
font-size: 13px;
line-height: 22px;
width: 370px;
margin-right: 2px;
width: 350px;
margin: 0;
overflow: overlay
}
a {
@ -25,8 +28,12 @@ a:hover {
.navbar {
width: 100%;
box-sizing: border-box;
display: flex;
justify-content: space-between;
padding: 8px;
background-color: var(--navbar);
border-bottom: var(--border) solid 1px;
}
.logoImage {
@ -41,7 +48,7 @@ a:hover {
align-items: center;
justify-content: space-between;
width: 52px;
margin: 0 6px 0 0;
margin: 0 8px 0 0;
}
.title {
@ -52,6 +59,8 @@ a:hover {
table {
width: 100%;
box-sizing: border-box;
padding: 0 8px;
}
tr {