responsively-app/desktop-app-legacy/app/app.global.css
2022-11-22 07:52:27 +05:30

121 lines
2.2 KiB
CSS

/*
* @NOTE: Prepend a `~` to css file paths that are in your node_modules
* See https://github.com/webpack-contrib/sass-loader#imports
*/
@import '~@fortawesome/fontawesome-free/css/all.css';
@import '~react-toastify/dist/ReactToastify.css';
@import '~react-tabs/style/react-tabs.css';
* {
box-sizing: border-box;
-webkit-user-select: none;
}
body {
position: relative;
color: white;
height: 100vh;
margin: 0;
font-family: 'Roboto', sans-serif;
overflow: hidden;
}
svg {
pointer-events: none;
}
p {
font-size: 24px;
}
li {
list-style: none;
}
a {
color: white;
opacity: 0.75;
text-decoration: none;
}
a:hover {
opacity: 1;
text-decoration: none;
cursor: pointer;
}
.spin::before {
animation: fa-spin 1s linear infinite;
}
#root {
height: 100%;
display: flex;
flex-direction: column;
}
#HW_badge_cont {
position: absolute !important;
width: 100% !important;
height: 100% !important;
}
#HW_badge {
left: 26px !important;
top: 6px !important;
}
/* --start
Add device form styles */
.padded-input input {
padding: 20px 14px;
}
.input-adornment p {
color: #ffffff90;
}
/* Add device form styles
--End */
/*
{
"$schema": "vscode://schemas/color-theme",
"name": "Dark Default Colors",
"colors": {
"editor.background": "#1E1E1E",
"editor.foreground": "#D4D4D4",
"editor.inactiveSelectionBackground": "#3A3D41",
"editorIndentGuide.background": "#404040",
"editorIndentGuide.activeBackground": "#707070",
"editor.selectionHighlightBackground": "#ADD6FF26",
"list.dropBackground": "#383B3D",
"activityBarBadge.background": "#007ACC",
"sideBarTitle.foreground": "#BBBBBB",
"input.placeholderForeground": "#A6A6A6",
"settings.textInputBackground": "#292929",
"settings.numberInputBackground": "#292929",
"menu.background": "#252526",
"menu.foreground": "#CCCCCC"
}
}
*/
/* This is to make the scrollbar consistent */
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
/* The scrollbar Track */
::-webkit-scrollbar-track {
display: none;
}
/* When the box area between the horzontal scrollbar and the vertical scrollbar */
::-webkit-scrollbar-corner {
background: rgba(0, 0, 0, 0);
}
.ace_mobile-menu {
display: none;
}