paulmataruso/Palmr
1
0
Fork 0
mirror of https://github.com/kyantech/Palmr.git synced 2025-10-22 22:02:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: remove unnecessary margin from icons in various components for improved layout consistency

Browse Source 
- Adjusted icon classes in DeleteReverseShareModal, EmptyReverseSharesState, ReverseShareCard, StorageUsage, AddProviderForm, AuthProviderDeleteModal, AuthProvidersSettings, FilesView, Navbar, DeleteConfirmationModal, ShareFileModal, and ShareMultipleFilesModal to remove the right margin, enhancing visual alignment.
This commit is contained in:
Daniel Luiz Alves
2025-07-03 01:29:48 -03:00
parent 1ea4115578
commit 0b87c6e803
12 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/web/src/app/(shares)/reverse-shares/components/delete-reverse-share-modal.tsx
View File

@@ -69,12 +69,12 @@ export function DeleteReverseShareModal({
<Button variant="destructive" onClick={handleConfirm} disabled={isDeleting}>
{isDeleting ? (
<>
<IconTrash className="h-4 w-4 mr-2 animate-spin" />
<IconTrash className="h-4 w-4 animate-spin" />
{t("reverseShares.delete.deleting")}
</>
) : (
<>
<IconTrash className="h-4 w-4 mr-2" />
<IconTrash className="h-4 w-4" />
{t("reverseShares.delete.confirmButton")}
</>
)}

2
apps/web/src/app/(shares)/reverse-shares/components/empty-reverse-shares-state.tsx
View File

@@ -24,7 +24,7 @@ export function EmptyReverseSharesState({ onCreateReverseShare }: EmptyReverseSh
</div>
<Button onClick={onCreateReverseShare}>
<IconPlus className="h-4 w-4 mr-2" />
<IconPlus className="h-4 w-4" />
{t("reverseShares.empty.createButton")}
</Button>
</div>

14
apps/web/src/app/(shares)/reverse-shares/components/reverse-share-card.tsx
View File

@@ -258,36 +258,36 @@ export function ReverseShareCard({
</DropdownMenuTrigger>
<DropdownMenuContent align="end">
<DropdownMenuItem onClick={() => onCopyLink(reverseShare)}>
<IconCopy className="h-4 w-4 mr-2" />
<IconCopy className="h-4 w-4" />
{t("reverseShares.card.copyLink")}
</DropdownMenuItem>
{hasAlias && (
<DropdownMenuItem onClick={handleOpenInNewTab}>
<IconExternalLink className="h-4 w-4 mr-2" />
<IconExternalLink className="h-4 w-4" />
{t("reverseShares.card.openInNewTab")}
</DropdownMenuItem>
)}
{hasAlias && (
<DropdownMenuItem onClick={() => onGenerateLink(reverseShare)}>
<IconLink className="h-4 w-4 mr-2" />
<IconLink className="h-4 w-4" />
{hasAlias ? t("reverseShares.card.editLink") : t("reverseShares.card.createLink")}
</DropdownMenuItem>
)}
<DropdownMenuItem onClick={() => onEdit(reverseShare)}>
<IconEdit className="h-4 w-4 mr-2" />
<IconEdit className="h-4 w-4" />
{t("reverseShares.actions.edit")}
</DropdownMenuItem>
<DropdownMenuItem onClick={() => onViewFiles(reverseShare)}>
<IconFile className="h-4 w-4 mr-2" />
<IconFile className="h-4 w-4" />
{t("reverseShares.actions.viewFiles")}
</DropdownMenuItem>
<DropdownMenuItem className="text-destructive" onClick={() => onDelete(reverseShare)}>
<IconTrash className="h-4 w-4 mr-2" />
<IconTrash className="h-4 w-4" />
{t("reverseShares.card.delete")}
</DropdownMenuItem>
</DropdownMenuContent>
@@ -492,7 +492,7 @@ export function ReverseShareCard({
onClick={() => onGenerateLink(reverseShare)}
className="w-full h-8 text-sm"
>
<IconLink className="h-3 w-3 mr-2" />
<IconLink className="h-3 w-3" />
{t("reverseShares.card.createLinkCTA")}
</Button>
)}

2
apps/web/src/app/dashboard/components/storage-usage.tsx
View File

@@ -38,7 +38,7 @@ export function StorageUsage({ diskSpace, diskSpaceError, onRetry }: StorageUsag
<p className="text-sm text-muted-foreground">{getErrorMessage(diskSpaceError)}</p>
{onRetry && (
<Button variant="outline" size="sm" onClick={onRetry} className="w-fit">
<IconRefresh size={16} className="mr-2" />
<IconRefresh size={16} />
{t("storageUsage.retry")}
</Button>
)}

2
apps/web/src/app/settings/components/auth-provider-form/add-provider-form.tsx
View File

@@ -161,7 +161,7 @@ export function AddProviderForm({ showAddForm, onToggleForm, onAddProvider, savi
if (!showAddForm) {
return (
<Button onClick={onToggleForm} variant="outline" size="sm">
<IconPlus className="h-4 w-4 mr-2" />
<IconPlus className="h-4 w-4" />
{t("authProviders.addProvider")}
</Button>
);

4
apps/web/src/app/settings/components/auth-provider-form/auth-provider-delete-modal.tsx
View File

@@ -59,12 +59,12 @@ export function AuthProviderDeleteModal({
<Button variant="destructive" onClick={handleConfirm} disabled={isDeleting}>
{isDeleting ? (
<>
<IconTrash className="h-4 w-4 mr-2 animate-spin" />
<IconTrash className="h-4 w-4 animate-spin" />
{t("authProviders.deleteModal.deleting")}
</>
) : (
<>
<IconTrash className="h-4 w-4 mr-2" />
<IconTrash className="h-4 w-4" />
{t("authProviders.deleteModal.delete")}
</>
)}

2
apps/web/src/app/settings/components/auth-provider-form/auth-providers-settings.tsx
View File

@@ -92,7 +92,7 @@ export function AuthProvidersSettings() {
{loading ? (
<div className="flex items-center justify-center py-8">
<IconSettings className="h-6 w-6 animate-spin mr-2" />
<IconSettings className="h-6 w-6 animate-spin" />
{t("authProviders.loadingProviders")}
</div>
) : (

4
apps/web/src/components/files/files-view.tsx
View File

@@ -77,7 +77,7 @@ export function FilesView({
className="h-8 px-3"
onClick={() => setViewMode("table")}
>
<IconTable className="h-4 w-4 mr-2" />
<IconTable className="h-4 w-4" />
{t("files.viewMode.table")}
</Button>
<Button
@@ -86,7 +86,7 @@ export function FilesView({
className="h-8 px-3"
onClick={() => setViewMode("grid")}
>
<IconLayoutGrid className="h-4 w-4 mr-2" />
<IconLayoutGrid className="h-4 w-4" />
{t("files.viewMode.grid")}
</Button>
</div>

2
apps/web/src/components/layout/navbar.tsx
View File

@@ -88,7 +88,7 @@ export function Navbar() {
className="text-destructive focus:text-destructive cursor-pointer"
onClick={handleLogout}
>
<IconLogout className="h-4 w-4 mr-2 text-destructive" />
<IconLogout className="h-4 w-4 text-destructive" />
{t("navbar.logout")}
</DropdownMenuItem>
</DropdownMenuContent>

4
apps/web/src/components/modals/delete-confirmation-modal.tsx
View File

@@ -76,11 +76,11 @@ export function DeleteConfirmationModal({
<DialogFooter className="flex gap-2">
<Button variant="outline" onClick={onClose}>
<IconX className="h-4 w-4 mr-2" />
<IconX className="h-4 w-4" />
{t("common.cancel")}
</Button>
<Button variant="destructive" onClick={handleConfirm}>
<IconTrash className="h-4 w-4 mr-2" />
<IconTrash className="h-4 w-4" />
{t("common.delete")}
</Button>
</DialogFooter>

2
apps/web/src/components/modals/share-file-modal.tsx
View File

@@ -295,7 +295,7 @@ export function ShareFileModal({ isOpen, file, onClose, onSuccess }: ShareFileMo
{t("common.close")}
</Button>
<Button onClick={handleCopyLink}>
<IconCopy className="h-4 w-4 mr-2" />
<IconCopy className="h-4 w-4" />
{t("shareFile.copyLink")}
</Button>
</>

2
apps/web/src/components/modals/share-multiple-files-modal.tsx
View File

@@ -324,7 +324,7 @@ export function ShareMultipleFilesModal({ files, isOpen, onClose, onSuccess }: S
{t("common.close")}
</Button>
<Button onClick={handleCopyLink}>
<IconCopy className="h-4 w-4 mr-2" />
<IconCopy className="h-4 w-4" />
{t("shareFile.copyLink")}
</Button>
</>