Hide mod tools popover on smaller screens
This commit is contained in:
@ -18,6 +18,7 @@ import {
|
|||||||
useToast,
|
useToast,
|
||||||
VStack,
|
VStack,
|
||||||
} from "@chakra-ui/react";
|
} from "@chakra-ui/react";
|
||||||
|
import stylesheet from "../styles/mod-queue.css";
|
||||||
import {
|
import {
|
||||||
type MutableRefObject,
|
type MutableRefObject,
|
||||||
type ReactNode,
|
type ReactNode,
|
||||||
@ -25,6 +26,7 @@ import {
|
|||||||
useRef,
|
useRef,
|
||||||
useState,
|
useState,
|
||||||
} from "react";
|
} from "react";
|
||||||
|
import { LinksFunction } from "@remix-run/cloudflare";
|
||||||
import { useLoaderData } from "@remix-run/react";
|
import { useLoaderData } from "@remix-run/react";
|
||||||
import AppealBans from "../../components/AppealBans.js";
|
import AppealBans from "../../components/AppealBans.js";
|
||||||
import AppealCard from "../../components/AppealCard.js";
|
import AppealCard from "../../components/AppealCard.js";
|
||||||
@ -35,6 +37,10 @@ import ReportCard from "../../components/ReportCard.js";
|
|||||||
import NewInactivityNotice from "../../components/NewInactivityNotice.js";
|
import NewInactivityNotice from "../../components/NewInactivityNotice.js";
|
||||||
import InactivityNoticeCard from "../../components/InactivityNoticeCard.js";
|
import InactivityNoticeCard from "../../components/InactivityNoticeCard.js";
|
||||||
|
|
||||||
|
export const links: LinksFunction = () => {
|
||||||
|
return [{ href: stylesheet, rel: "stylesheet" }];
|
||||||
|
};
|
||||||
|
|
||||||
export async function loader({ context }: { context: RequestContext }) {
|
export async function loader({ context }: { context: RequestContext }) {
|
||||||
const { current_user: currentUser } = context.data;
|
const { current_user: currentUser } = context.data;
|
||||||
|
|
||||||
@ -410,7 +416,7 @@ export default function () {
|
|||||||
{ItemDisplay}
|
{ItemDisplay}
|
||||||
</Box>
|
</Box>
|
||||||
</Flex>
|
</Flex>
|
||||||
<Popover placement="top-end">
|
<Popover id="mod-tools" placement="top-end">
|
||||||
<PopoverTrigger>
|
<PopoverTrigger>
|
||||||
<Button
|
<Button
|
||||||
borderRadius="50%"
|
borderRadius="50%"
|
||||||
|
5
app/styles/mod-queue.css
Normal file
5
app/styles/mod-queue.css
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
@media (max-width: 1280px) {
|
||||||
|
#mod-tools {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
Reference in New Issue
Block a user