diff --git a/index.html b/index.html index e7259fd6d..9b16e50fe 100644 --- a/index.html +++ b/index.html @@ -6,33 +6,100 @@ - - - - - - - - - - - - - Tari Universe | Testnet - + +
diff --git a/src/App/App.tsx b/src/App/App.tsx index 8a0ad07a0..cb8ea4725 100644 --- a/src/App/App.tsx +++ b/src/App/App.tsx @@ -8,7 +8,6 @@ import MainView from '../containers/main/MainView.tsx'; import Setup from '../containers/phase/Setup/Setup'; import { GlobalReset, GlobalStyle } from '../theme/GlobalStyle.ts'; -import { GlobalFontFace } from '../theme/fonts/GlobalFontFaces.ts'; import ThemeProvider from '../theme/ThemeProvider.tsx'; import AppContent from './AppContent'; @@ -19,7 +18,6 @@ export default function App() { return ( - {/* diff --git a/src/containers/main/SideBar/components/Wallet/HistoryItem.styles.ts b/src/containers/main/SideBar/components/Wallet/HistoryItem.styles.ts index d714d312d..fcadce660 100644 --- a/src/containers/main/SideBar/components/Wallet/HistoryItem.styles.ts +++ b/src/containers/main/SideBar/components/Wallet/HistoryItem.styles.ts @@ -19,9 +19,12 @@ export const Wrapper = styled(m.div)` flex-shrink: 0; flex-grow: 0; max-height: 269px; - font-family: - GTAmerica Standard, - sans-serif; + + &:hover { + .hover-target { + opacity: 0.2; + } + } `; export const LeftContent = styled.div` diff --git a/src/theme/fonts/GlobalFontFaces.ts b/src/theme/fonts/GlobalFontFaces.ts deleted file mode 100644 index ea6a9fe9b..000000000 --- a/src/theme/fonts/GlobalFontFaces.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { createGlobalStyle } from 'styled-components'; -import { druk_fonts } from './druk.ts'; -import { poppins_fonts } from './poppins.ts'; -import { gt_america_fonts } from '@app/theme/fonts/gt-america.ts'; - -export const GlobalFontFace = createGlobalStyle` - ${druk_fonts} - ${gt_america_fonts} - ${poppins_fonts} -`; diff --git a/src/theme/fonts/avenir.ts b/src/theme/fonts/avenir.ts deleted file mode 100644 index 46a18344a..000000000 --- a/src/theme/fonts/avenir.ts +++ /dev/null @@ -1,19 +0,0 @@ -export const avenir_fonts = ` - @font-face { - font-family: "AvenirRegular"; - src: url("/assets/fonts/AvenirLTStd-Book.otf") format("otf"); - font-display: fallback; - } - - @font-face { - font-family: "AvenirMedium"; - src: url("/assets/fonts/AvenirLTStd-Medium.otf") format("otf"); - font-display: fallback; - } - - @font-face { - font-family: "AvenirHeavy"; - src: url("/assets/fonts/AvenirLTStd-Heavy.otf") format("otf"); - font-display: fallback; - } -`; diff --git a/src/theme/fonts/druk.ts b/src/theme/fonts/druk.ts deleted file mode 100644 index 823792bab..000000000 --- a/src/theme/fonts/druk.ts +++ /dev/null @@ -1,61 +0,0 @@ -export const druk_fonts = ` - @font-face { - font-family: "Druk"; - src: - url("/assets/fonts/Druk/DrukLCG-Medium.ttf"), - url("/assets/fonts/Druk/DrukLCG-MediumItalic.ttf") format("truetype"); - font-weight: 500; - font-style: normal; - font-display: fallback; - } - - @font-face { - font-family: "Druk"; - src: - url("/assets/fonts/Druk/DrukLCG-Bold.ttf"), - url("/assets/fonts/Druk/DrukLCG-BoldItalic.ttf") format("truetype"); - font-weight: 700; - font-style: normal; - font-display: fallback; - } - - @font-face { - font-family: "Druk"; - src: - url("/assets/fonts/Druk/DrukLCG-Heavy.ttf"), - url("/assets/fonts/Druk/DrukLCG-HeavyItalic.ttf") format("truetype"); - font-weight: 900; - font-style: normal; - font-display: fallback; - } - - @font-face { - font-family: "DrukWide"; - src: - url("/assets/fonts/Druk/DrukWideLCG-Medium.ttf"), - url("/assets/fonts/Druk/DrukWideLCG-MediumItalic.ttf") format("truetype"); - font-weight: 500; - font-style: normal; - font-display: fallback; - } - - @font-face { - font-family: "DrukWide"; - src: - url("/assets/fonts/Druk/DrukWideLCG-Bold.ttf"), - url("/assets/fonts/Druk/DrukWideLCG-BoldItalic.ttf") format("truetype"); - font-weight: 700; - font-style: normal; - font-display: fallback; - } - - @font-face { - font-family: "DrukWide"; - src: - url("/assets/fonts/Druk/DrukWideLCG-Heavy.ttf"), - url("/assets/fonts/Druk/DrukWideLCG-HeavyItalic.ttf") format("truetype"); - font-weight: 900; - font-style: normal; - font-display: fallback; - } -`; diff --git a/src/theme/fonts/gt-america.ts b/src/theme/fonts/gt-america.ts deleted file mode 100644 index 42c1a581f..000000000 --- a/src/theme/fonts/gt-america.ts +++ /dev/null @@ -1,60 +0,0 @@ -export const gt_america_fonts = ` - @font-face { - font-family: "GTAmerica Standard"; - font-style: normal; - font-weight: 200; - src: - url("/assets/fonts/GT-America/GT-America-Standard-Light-Trial.otf") - format("otf"), - url("/assets/fonts/GT-America/GT-America-Standard-Light-Italic-Trial.otf") - format("otf"); - - font-display: fallback; - } - - @font-face { - font-family: "GTAmerica Standard"; - font-style: normal; - font-weight: 300; - src: - url("/assets/fonts/GT-America/GT-America-Standard-Regular-Trial.otf") - format("otf"), - url("/assets/fonts/GT-America/GT-America-Standard-Regular-Italic-Trial.otf") - format("otf"); - font-display: fallback; - } - @font-face { - font-family: "GTAmerica Standard"; - font-style: normal; - font-weight: 500; - src: - url("/assets/fonts/GT-America/GT-America-Standard-Medium-Trial.otf") - format("otf"), - url("/assets/fonts/GT-America/GT-America-Standard-Medium-Italic-Trial.otf") - format("otf"); - font-display: fallback; - } - @font-face { - font-family: "GTAmerica Standard"; - font-style: normal; - font-weight: 600; - src: - url("/assets/fonts/GT-America/GT-America-Standard-Bold-Trial.otf") - format("otf"), - url("/assets/fonts/GT-America/GT-America-Standard-Bold-Italic-Trial.otf") - format("otf"); - font-display: fallback; - } - @font-face { - font-family: "GTAmerica Standard"; - font-style: normal; - font-weight: 700; - src: - url("/assets/fonts/GT-America/GT-America-Standard-Black-Trial.otf") - format("otf"), - url("/assets/fonts/GT-America/GT-America-Standard-Black-Italic-Trial.otf") - format("otf"); - font-display: fallback; - } - -`; diff --git a/src/theme/fonts/poppins.ts b/src/theme/fonts/poppins.ts deleted file mode 100644 index 54b58a1ff..000000000 --- a/src/theme/fonts/poppins.ts +++ /dev/null @@ -1,90 +0,0 @@ -export const poppins_fonts = ` - @font-face { - font-family: "Poppins"; - font-weight: 200; - font-style: normal; - src: - url("/assets/fonts/Poppins/Poppins-ExtraLight.woff2") format("woff2"), - url("/assets/fonts/Poppins/Poppins-ExtraLight.woff") format("woff"), - url("/assets/fonts/Poppins/Poppins-ExtraLight.ttf") format("truetype"); - font-display: fallback; - } - - @font-face { - font-family: "Poppins"; - font-weight: 300; - font-style: normal; - src: - url("/assets/fonts/Poppins/Poppins-Light.woff2") format("woff2"), - url("/assets/fonts/Poppins/Poppins-Light.woff") format("woff"), - url("/assets/fonts/Poppins/Poppins-Light.ttf") format("truetype"); - font-display: fallback; - } - - @font-face { - font-family: "Poppins"; - font-weight: 400; - font-style: normal; - src: - url("/assets/fonts/Poppins/Poppins-Regular.woff2") format("woff2"), - url("/assets/fonts/Poppins/Poppins-Regular.woff") format("woff"), - url("/assets/fonts/Poppins/Poppins-Regular.ttf") format("truetype"); - font-display: fallback; - } - - @font-face { - font-family: "Poppins"; - font-weight: 500; - font-style: normal; - src: - url("/assets/fonts/Poppins/Poppins-Medium.woff2") format("woff2"), - url("/assets/fonts/Poppins/Poppins-Medium.woff") format("woff"), - url("/assets/fonts/Poppins/Poppins-Medium.ttf") format("truetype"); - font-display: fallback; - } - - @font-face { - font-family: "Poppins"; - font-weight: 600; - font-style: normal; - src: - url("/assets/fonts/Poppins/Poppins-SemiBold.woff2") format("woff2"), - url("/assets/fonts/Poppins/Poppins-SemiBold.woff") format("woff"), - url("/assets/fonts/Poppins/Poppins-SemiBold.ttf") format("truetype"); - font-display: fallback; - } - - @font-face { - font-family: "Poppins"; - font-weight: 700; - font-style: normal; - src: - url("/assets/fonts/Poppins/Poppins-Bold.woff2") format("woff2"), - url("/assets/fonts/Poppins/Poppins-Bold.woff") format("woff"), - url("/assets/fonts/Poppins/Poppins-Bold.ttf") format("truetype"); - font-display: fallback; - } - - @font-face { - font-family: "Poppins"; - font-weight: 800; - font-style: normal; - src: - url("/assets/fonts/Poppins/Poppins-ExtraBold.woff2") format("woff2"), - url("/assets/fonts/Poppins/Poppins-ExtraBold.woff") format("woff"), - url("/assets/fonts/Poppins/Poppins-ExtraBold.ttf") format("truetype"); - font-display: fallback; - } - - @font-face { - font-family: "Poppins"; - font-weight: 900; - font-style: normal; - src: - url("/assets/fonts/Poppins/Poppins-Black.woff2") format("woff2"), - url("/assets/fonts/Poppins/Poppins-Black.woff") format("woff"), - url("/assets/fonts/Poppins/Poppins-Black.ttf") format("truetype"); - font-display: fallback; - } - -`;