feat: Extend Apps page with search and data

packages/web/src/components/AppRow/style.ts

@@ -0,0 +1,26 @@
+import { styled } from '@mui/material/styles';
+import MuiCardContent from '@mui/material/CardContent';
+import MuiTypography from '@mui/material/Typography';
+
+export const CardContent = styled(MuiCardContent)(({ theme }) => ({
+  display: 'grid',
+  gridTemplateRows: 'auto',
+  gridTemplateColumns: 'auto 1fr auto auto auto',
+  gridColumnGap: theme.spacing(2),
+  alignItems: 'center',
+}));
+
+
+export const Typography = styled(MuiTypography)(({ theme }) => ({
+  '&.MuiTypography-h6': {
+    textTransform: 'capitalize',
+  },
+  textAlign: 'center',
+  display: 'inline-block',
+}));
+
+export const DesktopOnlyBreakline = styled('br')(({ theme }) => ({
+  [theme.breakpoints.down('md')]: {
+    display: 'none',
+  }
+}));