mirror of
1
Fork 0

[chore] Small styling + link issues (#2933)

This commit is contained in:
tobi 2024-05-27 12:37:14 +02:00 committed by GitHub
parent 5bee30d60c
commit cce21c11cb
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 14 additions and 7 deletions

View File

@ -278,11 +278,7 @@ input, select, textarea {
} }
} }
.mutation-button {
display: flex;
flex-direction: column;
gap: 1rem;
}
.hidden { .hidden {
display: none; display: none;
@ -846,7 +842,15 @@ span.form-info {
} }
} }
button.with-icon, .button.with-icon { .mutation-button {
width: fit-content;
display: flex;
flex-direction: column;
gap: 1rem;
}
button.with-icon,
.button.with-icon {
display: flex; display: flex;
align-content: center; align-content: center;
padding-right: calc(0.5rem + $fa-fw); padding-right: calc(0.5rem + $fa-fw);

View File

@ -29,8 +29,11 @@ import { useDomainAllowsQuery, useDomainBlocksQuery } from "../../../lib/query/a
import type { MappedDomainPerms } from "../../../lib/types/domain-permission"; import type { MappedDomainPerms } from "../../../lib/types/domain-permission";
import { NoArg } from "../../../lib/types/query"; import { NoArg } from "../../../lib/types/query";
import { PermType } from "../../../lib/types/perm"; import { PermType } from "../../../lib/types/perm";
import { useBaseUrl } from "../../../lib/navigation/util";
export default function DomainPermissionsOverview() { export default function DomainPermissionsOverview() {
const baseUrl = useBaseUrl();
// Parse perm type from routing params. // Parse perm type from routing params.
let params = useParams(); let params = useParams();
if (params.permType !== "blocks" && params.permType !== "allows") { if (params.permType !== "blocks" && params.permType !== "allows") {
@ -71,7 +74,7 @@ export default function DomainPermissionsOverview() {
permType={permType} permType={permType}
permTypeUpper={permTypeUpper} permTypeUpper={permTypeUpper}
/> />
<Link to="/settings/admin/domain-permissions/import-export"> <Link to={`~${baseUrl}/import-export`}>
Or use the bulk import/export interface Or use the bulk import/export interface
</Link> </Link>
</> </>