Hide tooltips on small screens

sdss · Sep 24, 2024 · 498de06 · 498de06
1 parent a598aef
commit 498de06
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 9 deletions.
diff --git a/src/components/AlertsActionIcon/AlertsActionIcon.tsx b/src/components/AlertsActionIcon/AlertsActionIcon.tsx
@@ -80,7 +80,7 @@ export default function AlertsActionIcon() {
 
   return (
     <>
-      <Tooltip label={label} position="bottom">
+      <Tooltip label={label} position="bottom" visibleFrom="sm">
         <ActionIcon
           size="lg"
           variant="transparent"

diff --git a/src/components/AuthenticatedIcon/AuthenticatedIcon.tsx b/src/components/AuthenticatedIcon/AuthenticatedIcon.tsx
@@ -5,10 +5,8 @@
  *  @License: BSD 3-clause (http://www.opensource.org/licenses/BSD-3-Clause)
  */
 
-import authenticateAPI, {
-  forgetAuth,
-  testAuthentication,
-} from '@/src/actions/authenticate-api';
+import React, { FormEvent } from 'react';
+import { IconLock, IconLockOpen } from '@tabler/icons-react';
 import {
   ActionIcon,
   Box,
@@ -20,8 +18,10 @@ import {
   Tooltip,
 } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { IconLock, IconLockOpen } from '@tabler/icons-react';
-import React, { FormEvent } from 'react';
+import authenticateAPI, {
+  forgetAuth,
+  testAuthentication,
+} from '@/src/actions/authenticate-api';
 import { AuthContext } from '../LVMWebRoot/LVMWebRoot';
 
 type AuthoriseModalProps = {
@@ -126,7 +126,10 @@ export default function AuthenticatedIcon() {
 
   return (
     <Box>
-      <Tooltip label={authStatus.logged ? 'Authenticated' : 'Click to authenticate'}>
+      <Tooltip
+        label={authStatus.logged ? 'Authenticated' : 'Click to authenticate'}
+        visibleFrom="sm"
+      >
         <ActionIcon
           variant="transparent"
           size="lg"

diff --git a/src/components/ShutdownActionIcon/ShutdownActionIcon.tsx b/src/components/ShutdownActionIcon/ShutdownActionIcon.tsx
@@ -28,7 +28,7 @@ export default function ShutdownActionIcon() {
 
   return (
     <>
-      <Tooltip label={label} position="bottom">
+      <Tooltip label={label} position="bottom" visibleFrom="sm">
         <Group
           gap={0}
           onClick={open}