[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 {
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;
align-content: center;
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 { NoArg } from "../../../lib/types/query";
import { PermType } from "../../../lib/types/perm";
import { useBaseUrl } from "../../../lib/navigation/util";
export default function DomainPermissionsOverview() {
const baseUrl = useBaseUrl();
// Parse perm type from routing params.
let params = useParams();
if (params.permType !== "blocks" && params.permType !== "allows") {
@ -71,7 +74,7 @@ export default function DomainPermissionsOverview() {
permType={permType}
permTypeUpper={permTypeUpper}
/>
<Link to="/settings/admin/domain-permissions/import-export">
<Link to={`~${baseUrl}/import-export`}>
Or use the bulk import/export interface
</Link>
</>