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

4
public/popup.html
View file

@ -1,8 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8" />
</head> </head>
<body> <body>
@ -10,5 +9,4 @@
</body> </body>
<script src="popup.js"></script> <script src="popup.js"></script>
</html> </html>

15
src/App.css
View file

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