= ({ title }: Props) => {
- return {title.toUpperCase()} Page
;
+ return {title.toUpperCase()} PAGE
;
};
export default Options;
diff --git a/src/pages/Options/index.css b/src/pages/Options/index.css
index a2d04bdee..e69de29bb 100644
--- a/src/pages/Options/index.css
+++ b/src/pages/Options/index.css
@@ -1,3 +0,0 @@
-.OptionsContainer {
- font-size: 2rem;
-}
diff --git a/src/pages/Options/index.html b/src/pages/Options/index.html
index b7e52f80b..8ecd25564 100644
--- a/src/pages/Options/index.html
+++ b/src/pages/Options/index.html
@@ -2,7 +2,7 @@
-
+ Settings
diff --git a/src/pages/Popup/Popup.css b/src/pages/Popup/Popup.css
index 2a95597cb..e7ce47687 100644
--- a/src/pages/Popup/Popup.css
+++ b/src/pages/Popup/Popup.css
@@ -1,5 +1,13 @@
.App {
+ position: absolute;
+ top: 0px;
+ bottom: 0px;
+ left: 0px;
+ right: 0px;
text-align: center;
+ height: 100%;
+ padding: 10px;
+ background-color: #282c34;
}
.App-logo {
@@ -14,8 +22,7 @@
}
.App-header {
- background-color: #282c34;
- min-height: 100vh;
+ height: 100%;
display: flex;
flex-direction: column;
align-items: center;
diff --git a/src/pages/Popup/index.css b/src/pages/Popup/index.css
index 8712c642b..800a9cb82 100644
--- a/src/pages/Popup/index.css
+++ b/src/pages/Popup/index.css
@@ -1,12 +1,14 @@
body {
- width: 360px;
- min-height: 360px;
+ width: 300px;
+ height: 260px;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
+
+ position: relative;
}
code {
diff --git a/webpack.config.js b/webpack.config.js
index e293a0971..6bf39972a 100755
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -110,7 +110,7 @@ var options = {
// clean the build folder
new CleanWebpackPlugin({
verbose: true,
- cleanStaleWebpackAssets: false,
+ cleanStaleWebpackAssets: true,
}),
// expose and write the allowed env vars on the compiled bundle
new webpack.EnvironmentPlugin(['NODE_ENV']),