diff --git a/src/files-ui/components/file-mosaic/components/file-mosaic/FileMosaic.scss b/src/files-ui/components/file-mosaic/components/file-mosaic/FileMosaic.scss index aec6fa83682efa0436e6c6e455024c6055a22709..c6d2aaf3d6757ad6d02520895fd21d9b079762a2 100644 --- a/src/files-ui/components/file-mosaic/components/file-mosaic/FileMosaic.scss +++ b/src/files-ui/components/file-mosaic/components/file-mosaic/FileMosaic.scss @@ -158,6 +158,9 @@ -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; + /* display: flex; + align-items: center; + justify-content: center; */ &.dark-mode { color: rgba(255, 255, 255, 0.7); } diff --git a/src/files-ui/components/loader/DynamicLoader/DynamicLoader.scss b/src/files-ui/components/loader/DynamicLoader/DynamicLoader.scss index d15165a20fb49cc36f7dd7e39adf75e1803e1300..7e142ea51331af21974d4e77e9b14877212d652e 100644 --- a/src/files-ui/components/loader/DynamicLoader/DynamicLoader.scss +++ b/src/files-ui/components/loader/DynamicLoader/DynamicLoader.scss @@ -1,26 +1,5 @@ -.circle_loader { - fill: none; - stroke: #14ff00; - stroke-width: 8px; - transform-origin: center; - transform: rotate(-90deg); - /* width: 100px; */ -} - -.dui_svg_circle_loader { - /* border: 1px solid #14ff00; */ - fill: rgba(0, 0, 0, 0.21); - border-radius: 50%; - &:hover { - fill: rgba(0, 0, 0, 0.61); - } -} - -.dui-text-loader { - /* dominant-baseline: middle; - */ +text.files-ui-text-dynamic-loader { text-anchor: middle; font-size: 1em; - //font-family: Arial; - //fill: aliceblue; -} + fill: aliceblue; +} \ No newline at end of file diff --git a/src/files-ui/components/loader/DynamicLoader/DynamicLoader.tsx b/src/files-ui/components/loader/DynamicLoader/DynamicLoader.tsx index 91c3282d1384c340a4997a062aa54615216e9dfd..f2d23cb090bac1757d8186db4ad1be579998a3cf 100644 --- a/src/files-ui/components/loader/DynamicLoader/DynamicLoader.tsx +++ b/src/files-ui/components/loader/DynamicLoader/DynamicLoader.tsx @@ -3,7 +3,7 @@ import { Clear } from "../../icons"; import { parseSize } from "../../icons/utils/utils"; import LoaderContainer from "../LoaderContainer/LoaderContainer"; import { DynamicLoaderProps } from "./DynamicLoaderProps"; - +import "./DynamicLoader.scss"; const DynamicLoader: React.FC<DynamicLoaderProps> = ( props: DynamicLoaderProps ) => { @@ -102,7 +102,7 @@ const DynamicLoader: React.FC<DynamicLoaderProps> = ( {!hidePerncentage && percentage !== undefined && ( <text - className="dui-text-dynamic-loader" + className="files-ui-text-dynamic-loader" x={`${finalX}`} y={`${(finalX * 7) / 6}`} >