pangolin_mirror/pangolin
1
0
Fork 0
mirror of https://github.com/fosrl/pangolin.git synced 2026-02-20 20:06:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

visual enhacements

Browse Source
This commit is contained in:
miloschwartz
2025-12-18 10:26:13 -05:00
parent 16653dd524
commit 416fd914cb
12 changed files with 38 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/DNSRecordsDataTable.tsx
View File

@@ -114,6 +114,7 @@ export function DNSRecordsDataTable<TData, TValue>({
href="https://docs.pangolin.net/manage/domains"
target="_blank"
rel="noopener noreferrer"
className="hidden sm:block"
>
<Button variant="outline">
<ExternalLink className="h-4 w-4 mr-1" />

6
src/components/HorizontalTabs.tsx
View File

@@ -44,7 +44,7 @@ export function HorizontalTabs({
}
return (
<div className="space-y-6">
<div className="space-y-3">
<div className="relative">
<div className="overflow-x-auto scrollbar-hide">
<div className="flex space-x-4 border-b min-w-max">
@@ -66,9 +66,9 @@ export function HorizontalTabs({
key={hydratedHref}
href={isProfessional ? "#" : hydratedHref}
className={cn(
"px-4 py-2 text-sm font-medium transition-colors whitespace-nowrap",
"px-4 py-2 text-sm font-medium transition-colors whitespace-nowrap relative",
isActive
? "border-b-2 border-primary text-primary"
? "text-primary after:absolute after:bottom-0 after:left-0 after:right-0 after:h-0.75 after:bg-primary after:rounded-full"
: "text-muted-foreground hover:text-foreground",
isDisabled && "cursor-not-allowed"
)}

15
src/components/ResourceInfoBox.tsx
View File

@@ -32,6 +32,12 @@ export default function ResourceInfoBox({}: ResourceInfoBoxType) {
<InfoSections
cols={resource.http && env.flags.usePangolinDns ? 5 : 4}
>
<InfoSection>
<InfoSectionTitle>URL</InfoSectionTitle>
<InfoSectionContent>
<CopyToClipboard text={fullUrl} isLink={true} />
</InfoSectionContent>
</InfoSection>
<InfoSection>
<InfoSectionTitle>{t("identifier")}</InfoSectionTitle>
<InfoSectionContent>
@@ -62,15 +68,6 @@ export default function ResourceInfoBox({}: ResourceInfoBoxType) {
)}
</InfoSectionContent>
</InfoSection>
<InfoSection>
<InfoSectionTitle>URL</InfoSectionTitle>
<InfoSectionContent>
<CopyToClipboard
text={fullUrl}
isLink={true}
/>
</InfoSectionContent>
</InfoSection>
{/* {isEnabled && (
<InfoSection>
<InfoSectionTitle>Socket</InfoSectionTitle>

2
src/components/SettingsSectionTitle.tsx
View File

@@ -11,7 +11,7 @@ export default function SettingsSectionTitle({
}: SettingsSectionTitleProps) {
return (
<div
className={`space-y-0.5 ${!size || size === "2xl" ? "mb-8 md:mb-8" : ""}`}
className={`space-y-0.5 ${!size || size === "2xl" ? "mb-6 md:mb-6" : ""}`}
>
<h2
className={`text-${

34
src/components/ShareLinksTable.tsx
View File

@@ -104,6 +104,23 @@ export default function ShareLinksTable({
}
const columns: ExtendedColumnDef<ShareLinkRow>[] = [
{
accessorKey: "title",
friendlyName: t("title"),
header: ({ column }) => {
return (
<Button
variant="ghost"
onClick={() =>
column.toggleSorting(column.getIsSorted() === "asc")
}
>
{t("title")}
<ArrowUpDown className="ml-2 h-4 w-4" />
</Button>
);
}
},
{
accessorKey: "resourceName",
enableHiding: false,
@@ -135,23 +152,6 @@ export default function ShareLinksTable({
);
}
},
{
accessorKey: "title",
friendlyName: t("title"),
header: ({ column }) => {
return (
<Button
variant="ghost"
onClick={() =>
column.toggleSorting(column.getIsSorted() === "asc")
}
>
{t("title")}
<ArrowUpDown className="ml-2 h-4 w-4" />
</Button>
);
}
},
// {
// accessorKey: "domain",
// header: "Link",