Qortal/Qortal-Hub
1
0
Fork 0
mirror of https://github.com/Qortal/Qortal-Hub.git synced 2025-06-14 03:51:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Format css files

Browse Source
This commit is contained in:
Nicola Benaglia 2025-04-05 17:59:14 +02:00
parent 56b793cd1e
commit 80791358c5
6 changed files with 178 additions and 184 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/common/Spinners/BarSpinner/barSpinner.css
View File

@ -1,19 +1,27 @@
/* HTML: <div class="loader"></div> */ /* HTML: <div class="loader"></div> */
.loader-bar { .loader-bar {
width: 45px; width: 45px;
aspect-ratio: .75; aspect-ratio: 0.75;
--c: no-repeat linear-gradient(currentColor 0 0); --c: no-repeat linear-gradient(currentColor 0 0);
background: background: var(--c) 0% 100%, var(--c) 50% 100%, var(--c) 100% 100%;
var(--c) 0% 100%,
var(--c) 50% 100%,
var(--c) 100% 100%;
background-size: 20% 65%; background-size: 20% 65%;
animation: l8 1s infinite linear; animation: l8 1s infinite linear;
} }
@keyframes l8 { @keyframes l8 {
16.67% {background-position: 0% 0% ,50% 100%,100% 100%} 16.67% {
33.33% {background-position: 0% 0% ,50% 0% ,100% 100%} background-position: 0% 0%, 50% 100%, 100% 100%;
50% {background-position: 0% 0% ,50% 0% ,100% 0% } }
66.67% {background-position: 0% 100%,50% 0% ,100% 0% } 33.33% {
83.33% {background-position: 0% 100%,50% 100%,100% 0% } background-position: 0% 0%, 50% 0%, 100% 100%;
}
50% {
background-position: 0% 0%, 50% 0%, 100% 0%;
}
66.67% {
background-position: 0% 100%, 50% 0%, 100% 0%;
}
83.33% {
background-position: 0% 100%, 50% 100%, 100% 0%;
}
} }

4
src/common/customloader.css
View File

@ -1,6 +1,5 @@
.lds-ellipsis { .lds-ellipsis {
color: white color: white;
} }
.lds-ellipsis, .lds-ellipsis,
.lds-ellipsis div { .lds-ellipsis div {
@ -61,4 +60,3 @@
transform: translate(24px, 0); transform: translate(24px, 0);
} }
} }

2
src/components/CoreSyncStatus.css
View File

@ -47,7 +47,7 @@
} }
.tooltip .bottom i::after { .tooltip .bottom i::after {
content: ''; content: "";
position: absolute; position: absolute;
width: 12px; width: 12px;
height: 12px; height: 12px;

7
src/components/Group/Forum/texteditor.css
View File

@ -20,17 +20,16 @@
.ql-editor::-webkit-scrollbar { .ql-editor::-webkit-scrollbar {
width: 16px; width: 16px;
height: 10px; height: 10px;
background-color: rgba(229, 229, 229, 0.70); background-color: rgba(229, 229, 229, 0.7);
} }
.ql-editor::-webkit-scrollbar-thumb { .ql-editor::-webkit-scrollbar-thumb {
background-color: #B0B0B0; background-color: #b0b0b0;
border-radius: 8px; border-radius: 8px;
background-clip: content-box; background-clip: content-box;
border: 4px solid transparent; border: 4px solid transparent;
} }
.ql-editor img { .ql-editor img {
cursor: default; cursor: default;
} }
@ -49,7 +48,7 @@
} }
.ql-container { .ql-container {
font-size: 16px font-size: 16px;
} }
.ql-toolbar .ql-stroke { .ql-toolbar .ql-stroke {

3
src/components/ReactionPicker.css
View File

@ -12,14 +12,13 @@
overflow: visible; /* Ensure the message container doesn't cut off the picker */ overflow: visible; /* Ensure the message container doesn't cut off the picker */
} }
.reaction-container { .reaction-container {
position: relative; position: relative;
} }
.emoji-picker { .emoji-picker {
overflow: hidden; overflow: hidden;
width: auto width: auto;
} }
.EmojiPickerReact.epr-dark-theme { .EmojiPickerReact.epr-dark-theme {

38
src/index.css
View File

@ -1,43 +1,40 @@
@font-face { @font-face {
font-family: 'Inter'; font-family: "Inter";
src: url('./styles/fonts/Inter-SemiBold.ttf') format('truetype'); src: url("./styles/fonts/Inter-SemiBold.ttf") format("truetype");
font-weight: 600; font-weight: 600;
} }
@font-face { @font-face {
font-family: 'Inter'; font-family: "Inter";
src: url('./styles/fonts/Inter-ExtraBold.ttf') format('truetype'); src: url("./styles/fonts/Inter-ExtraBold.ttf") format("truetype");
font-weight: 800; font-weight: 800;
} }
@font-face { @font-face {
font-family: 'Inter'; font-family: "Inter";
src: url('./styles/fonts/Inter-Bold.ttf') format('truetype'); src: url("./styles/fonts/Inter-Bold.ttf") format("truetype");
font-weight: 700; font-weight: 700;
} }
@font-face { @font-face {
font-family: 'Inter'; font-family: "Inter";
src: url('./styles/fonts/Inter-Regular.ttf') format('truetype'); src: url("./styles/fonts/Inter-Regular.ttf") format("truetype");
font-weight: 400; font-weight: 400;
} }
:root { :root {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
box-sizing: border-box !important; box-sizing: border-box !important;
word-break: break-word; word-break: break-word;
--color-instance : #1E1E20; --color-instance: #1e1e20;
--color-instance-popover-bg: #222222; --color-instance-popover-bg: #222222;
--Mail-Background: rgba(49, 51, 56, 1); --Mail-Background: rgba(49, 51, 56, 1);
--new-message-text: black; --new-message-text: black;
--bg-primary: rgba(31, 32, 35, 1); --bg-primary: rgba(31, 32, 35, 1);
--bg-2: #27282c; --bg-2: #27282c;
--bg-3: rgba(0, 0, 0, 0.1); --bg-3: rgba(0, 0, 0, 0.1);
--unread: #4297e2; --unread: #4297e2;
--danger: #B14646; --danger: #b14646;
--apps-circle: #1F2023; --apps-circle: #1f2023;
--green: #5EB049; --green: #5eb049;
} }
body { body {
@ -97,10 +94,8 @@ body {
initial-value: transparent; initial-value: transparent;
} }
.scrollable-container { .scrollable-container {
transition: --var1 0.4s; transition: --var1 0.4s;
} }
.scrollable-container:hover { .scrollable-container:hover {
@ -115,11 +110,6 @@ body {
opacity: 0; opacity: 0;
} }
/* Mobile-specific scrollbar styles */ /* Mobile-specific scrollbar styles */
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
::-webkit-scrollbar { ::-webkit-scrollbar {
@ -137,11 +127,11 @@ body {
background-color: whitesmoke; background-color: whitesmoke;
} }
html, body { html,
body {
overscroll-behavior: none !important; overscroll-behavior: none !important;
} }
.swiper { .swiper {
width: 100%; width: 100%;
} }