From c5b0ac692fc0d0db501cf08bfa4030f61da4b86e Mon Sep 17 00:00:00 2001 From: Patryk Kuniczak Date: Sun, 5 Nov 2023 21:43:41 +0100 Subject: [PATCH] chore: update newtab (create the same like new popup) --- src/pages/newtab/Newtab.css | 41 ++++++++++++++++++------------------- src/pages/newtab/Newtab.tsx | 21 +++++++++++++------ src/pages/popup/Popup.tsx | 2 +- 3 files changed, 36 insertions(+), 28 deletions(-) diff --git a/src/pages/newtab/Newtab.css b/src/pages/newtab/Newtab.css index 74b5e0534..9edbccf45 100644 --- a/src/pages/newtab/Newtab.css +++ b/src/pages/newtab/Newtab.css @@ -1,38 +1,37 @@ .App { - text-align: center; + text-align: center; } .App-logo { - height: 40vmin; - pointer-events: none; + height: 40vmin; + pointer-events: none; } @media (prefers-reduced-motion: no-preference) { - .App-logo { - animation: App-logo-spin infinite 20s linear; - } + .App-logo { + animation: App-logo-spin infinite 20s linear; + } } .App-header { - background-color: #282c34; - min-height: 100vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; + min-height: 100vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + font-size: calc(10px + 2vmin); + color: white; } .App-link { - color: #61dafb; + color: #61dafb; } @keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } } diff --git a/src/pages/newtab/Newtab.tsx b/src/pages/newtab/Newtab.tsx index 9a942f96d..22e258ea4 100644 --- a/src/pages/newtab/Newtab.tsx +++ b/src/pages/newtab/Newtab.tsx @@ -11,22 +11,31 @@ const Newtab = () => { const theme = useStorage(exampleThemeStorage); return ( -
-
+
+
logo

Edit src/pages/newtab/Newtab.tsx and save to reload.

- + Learn React! -
The color of this paragraph is defined using SASS.
diff --git a/src/pages/popup/Popup.tsx b/src/pages/popup/Popup.tsx index f43bf6e6b..83a8e364e 100644 --- a/src/pages/popup/Popup.tsx +++ b/src/pages/popup/Popup.tsx @@ -17,7 +17,7 @@ const Popup = () => { }}>
logo -

+

Edit src/pages/popup/Popup.tsx and save to reload.