[chore] Small styling + link issues (#2933)
This commit is contained in:
parent
5bee30d60c
commit
cce21c11cb
|
@ -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);
|
||||
|
|
|
@ -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>
|
||||
</>
|
||||
|
|
Loading…
Reference in New Issue