oxmc/myDrive
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed some mobile styling

Browse Source
This commit is contained in:
subnub
2024-12-26 15:34:46 -05:00
parent feb2e939fb
commit 0a3c65b58e
5 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
backend/services/chunk-service/utils/createVideoThumbnail.ts
+1
View File
@@ -112,6 +112,7 @@ const createVideoThumbnail = (
$set: {
"metadata.hasThumbnail": true,
"metadata.thumbnailID": thumbnailModel._id,
"metadata.isVideo": true,
},
}
);
src/components/MultiSelectBar/MultiSelectBar.tsx
+6 -6
View File
@@ -160,7 +160,7 @@ const MultiSelectBar: React.FC = () => {
<div className="flex flex-row items-center justify-between">
<div className="flex flex-row items-center">
<CloseIcon
className="w-5 h-5 cursor-pointer hover:text-primary"
className="w-7 h-7 md:w-5 md:h-5 cursor-pointer hover:text-primary"
onClick={closeMultiSelect}
/>
<p className="ml-4 select-none">{multiSelectCount} selected</p>
@@ -170,17 +170,17 @@ const MultiSelectBar: React.FC = () => {
{!isTrash && (
<React.Fragment>
<TrashIcon
className="ml-4 cursor-pointer w-5 h-5 hover:text-primary"
className="ml-4 cursor-pointer w-7 h-7 md:w-5 md:h-5 hover:text-primary"
onClick={trashItems}
/>
{!isMedia && (
<Moveicon
className="ml-4 cursor-pointer w-5 h-5 hover:text-primary"
className="ml-4 cursor-pointer w-7 h-7 md:w-5 md:h-5 hover:text-primary"
onClick={moveItems}
/>
)}
<DownloadIcon
className="ml-4 cursor-pointer w-5 h-5 hover:text-primary"
className="ml-4 cursor-pointer w-7 h-7 md:w-5 md:h-5 hover:text-primary"
onClick={downloadItems}
/>
</React.Fragment>
@@ -188,11 +188,11 @@ const MultiSelectBar: React.FC = () => {
{isTrash && (
<React.Fragment>
<RestoreIcon
className="ml-4 cursor-pointer w-5 h-5 hover:text-primary"
className="ml-4 cursor-pointerw-7 h-7 md:w-5 md:h-5 hover:text-primary"
onClick={restoreItems}
/>
<TrashIcon
className="ml-4 cursor-pointer text-red-500 w-5 h-5 hover:text-red-700"
className="ml-4 cursor-pointer text-red-500 w-7 h-7 md:w-5 md:h-5 hover:text-red-700"
onClick={deleteItems}
/>
</React.Fragment>
src/components/RightSection/RightSection.tsx
+2 -1
View File
@@ -13,6 +13,7 @@ import { useUtils } from "../../hooks/utils";
import { useThumbnail } from "../../hooks/files";
import CloseIcon from "../../icons/CloseIcon";
import FileDetailsIcon from "../../icons/FileDetailsIcon";
import ActionsIcon from "../../icons/ActionsIcon";
const RightSection = memo(() => {
const selectedItem = useAppSelector((state) => state.selected.mainSection);
@@ -195,7 +196,7 @@ const RightSection = memo(() => {
// @ts-ignore
onClick={onContextMenu}
>
<i className="fas fa-ellipsis-h" aria-hidden="true"></i>
<ActionsIcon className="w-[20px] h-[20px]" />
</a>
</div>
</div>
src/components/Spinner/Spinner.tsx
+1 -3
View File
@@ -1,3 +1 @@
import React from "react";
export default () => <div className="spinner-image spinner-image-grey"></div>;
export default () => <div className="spinner"></div>;
src/styles/components/_Spinner.scss
+3 -3
View File
@@ -2,8 +2,8 @@
border: 3px solid #f3f3f3;
border-top: 3px solid #3498db;
border-radius: 50%;
width: 40px;
height: 40px;
width: 50px;
height: 25px;
margin-left: 50%;
text-align: center;
animation: spin 2s linear infinite;
@@ -14,7 +14,7 @@
border-top: 3px solid #3498db;
border-radius: 50%;
width: 20px;
height: 20px;
height: 10px;
margin-left: 50%;
text-align: center;
animation: spin 2s linear infinite;