Changeset View
Changeset View
Standalone View
Standalone View
cashtab/src/components/App/App.css
| @font-face { | @font-face { | ||||
| font-family: 'Poppins'; | font-family: 'Space Grotesk'; | ||||
| src: | src: | ||||
| local('Poppins'), | local('Space Grotesk'), | ||||
| url(/assets/fonts/Poppins-Regular.ttf) format('truetype'); | url(../../assets/fonts/SpaceGrotesk-Regular.ttf) format('truetype'); | ||||
| font-weight: normal; | font-weight: normal; | ||||
| } | } | ||||
| @font-face { | @font-face { | ||||
| font-family: 'Poppins'; | font-family: 'Space Grotesk'; | ||||
| src: | src: | ||||
| local('Poppins'), | local('Space Grotesk'), | ||||
| url(/assets/fonts/Poppins-Bold.ttf) format('truetype'); | url(../../assets/fonts/SpaceGrotesk-Bold.ttf) format('truetype'); | ||||
| font-weight: 700; | font-weight: 700; | ||||
| } | } | ||||
| /* Hide scrollbars but keep functionality*/ | /* Hide scrollbars but keep functionality*/ | ||||
| /* Hide scrollbar for Chrome, Safari and Opera */ | /* Hide scrollbar for Chrome, Safari and Opera */ | ||||
| body::-webkit-scrollbar { | body::-webkit-scrollbar { | ||||
| display: none; | display: none; | ||||
| } | } | ||||
| html::-webkit-scrollbar { | html::-webkit-scrollbar { | ||||
| display: none; | display: none; | ||||
| } | } | ||||
| /* Hide scrollbar for IE, Edge and Firefox */ | /* Hide scrollbar for IE, Edge and Firefox */ | ||||
| body { | body { | ||||
| -ms-overflow-style: none; /* IE and Edge */ | -ms-overflow-style: none; /* IE and Edge */ | ||||
| scrollbar-width: none; /* Firefox */ | scrollbar-width: none; /* Firefox */ | ||||
| margin: 0; | margin: 0; | ||||
| font-family: | font-family: | ||||
| 'Poppins', | 'Space Grotesk', | ||||
| 'Ubuntu', | |||||
| -apple-system, | -apple-system, | ||||
| BlinkMacSystemFont, | BlinkMacSystemFont, | ||||
| 'Segoe UI', | 'Segoe UI', | ||||
| 'Roboto', | |||||
| 'Oxygen', | |||||
| 'Cantarell', | |||||
| 'Fira Sans', | |||||
| 'Droid Sans', | |||||
| 'Helvetica Neue', | |||||
| sans-serif; | sans-serif; | ||||
| -webkit-font-smoothing: antialiased; | -webkit-font-smoothing: antialiased; | ||||
| -moz-osx-font-smoothing: grayscale; | -moz-osx-font-smoothing: grayscale; | ||||
| background-color: #111313; /* Match Cashtab primary background */ | |||||
| } | } | ||||
| code { | code { | ||||
| font-family: | font-family: | ||||
| source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace; | source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace; | ||||
| } | } | ||||
| /* Hide up and down arros on input type="number" */ | /* Hide up and down arros on input type="number" */ | ||||
| Show All 9 Lines | |||||
| input[type='number'] { | input[type='number'] { | ||||
| -moz-appearance: textfield; | -moz-appearance: textfield; | ||||
| } | } | ||||
| html, | html, | ||||
| body { | body { | ||||
| max-width: 100%; | max-width: 100%; | ||||
| overflow-x: hidden; /* Prevent horizontal scrolling */ | overflow-x: hidden; /* Prevent horizontal scrolling */ | ||||
| /* Match theme so any gap (e.g. during scroll) is not white */ | |||||
| background-color: #090916; | |||||
| } | } | ||||
| /* Respect iOS safe areas to avoid overlapping the status bar and home indicator */ | /* Respect iOS safe areas to avoid overlapping the status bar and home indicator */ | ||||
| body { | /* Skip on native: Capacitor MainActivity/iOS already applies insets to the WebView */ | ||||
| body:not([data-platform='android']):not([data-platform='ios']) { | |||||
| padding-top: constant(safe-area-inset-top); /* iOS < 11.2 */ | padding-top: constant(safe-area-inset-top); /* iOS < 11.2 */ | ||||
| padding-top: env(safe-area-inset-top); /* iOS >= 11.2 */ | padding-top: env(safe-area-inset-top); /* iOS >= 11.2 */ | ||||
| padding-left: constant(safe-area-inset-left); | padding-left: constant(safe-area-inset-left); | ||||
| padding-left: env(safe-area-inset-left); | padding-left: env(safe-area-inset-left); | ||||
| padding-right: constant(safe-area-inset-right); | padding-right: constant(safe-area-inset-right); | ||||
| padding-right: env(safe-area-inset-right); | padding-right: env(safe-area-inset-right); | ||||
| padding-bottom: constant(safe-area-inset-bottom); | padding-bottom: constant(safe-area-inset-bottom); | ||||
| padding-bottom: env(safe-area-inset-bottom); | padding-bottom: env(safe-area-inset-bottom); | ||||
| Show All 26 Lines | |||||