Software-Mac/spacedrive
Software-Mac/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive synced 2024-07-07 03:13:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

interfont

Browse source
This commit is contained in:
Jamie Pine 2022-04-26 18:14:39 -07:00
parent 8d1a0079e8
commit b7b0ec3e16
8 changed files with 28 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
apps/landing/package.json
View file

@ -8,6 +8,7 @@
"serve": "vite preview"
},
"dependencies": {
"@fontsource/inter": "^4.5.7",
"@headlessui/react": "^1.5.0",
"@heroicons/react": "^1.0.6",
"@icons-pack/react-simple-icons": "^4.6.1",

1
apps/web/package.json
View file

@ -8,6 +8,7 @@
"preview": "vite preview"
},
"dependencies": {
"@fontsource/inter": "^4.5.7",
"@sd/client": "*",
"@sd/core": "*",
"@sd/interface": "*",

1
packages/interface/package.json
View file

@ -12,6 +12,7 @@
},
"dependencies": {
"@apollo/client": "^3.5.10",
"@fontsource/inter": "^4.5.7",
"@headlessui/react": "^1.5.0",
"@heroicons/react": "^1.0.6",
"@radix-ui/react-dialog": "^0.1.7",

2
packages/interface/src/App.tsx
View file

@ -30,6 +30,8 @@ import './style.scss';
import { ContentScreen } from './screens/Content';
import LibrarySettings from './screens/settings/LibrarySettings';
import '@fontsource/inter/variable.css';
const queryClient = new QueryClient();
export const AppPropsContext = React.createContext<AppProps | null>(null);

8
packages/interface/src/components/file/Sidebar.tsx
View file

@ -21,7 +21,7 @@ export const SidebarLink = (props: NavLinkProps & { children: React.ReactNode })
{({ isActive }) => (
<span
className={clsx(
'max-w mb-[2px] text-gray-550 dark:text-gray-150 rounded px-2 py-1 flex flex-row flex-grow items-center hover:bg-gray-100 dark:hover:bg-gray-600 text-sm',
'max-w mb-[2px] text-gray-550 dark:text-gray-150 rounded px-2 py-1 flex flex-row flex-grow items-center font-medium hover:bg-gray-100 dark:hover:bg-gray-600 text-sm',
{ '!bg-primary !text-white hover:bg-primary dark:hover:bg-primary': isActive },
props.className
)}
@ -81,7 +81,7 @@ export const Sidebar: React.FC<SidebarProps> = (props) => {
<Dropdown
buttonProps={{
justifyLeft: true,
className: `flex w-full text-left max-w-full mb-1 mt-1 shadow-xs rounded
className: `flex w-full text-left max-w-full mb-1 mt-1 -mr-0.5 shadow-xs rounded
!bg-gray-50
border-gray-150
hover:!bg-gray-1000
@ -115,10 +115,10 @@ export const Sidebar: React.FC<SidebarProps> = (props) => {
<Icon component={CirclesFour} />
Content
</SidebarLink>
{/* <SidebarLink to="debug">
<SidebarLink to="debug">
<Icon component={Code} />
Debug
</SidebarLink> */}
</SidebarLink>
{/* <SidebarLink to="explorer">
<Icon component={MonitorPlay} />
Explorer

2
packages/interface/src/style.scss
View file

@ -3,7 +3,7 @@ button {
@apply cursor-default;
}
body { font-family: "InterVariable", sans-serif; }
.no-scrollbar {
-ms-overflow-style: none; /* for Internet Explorer, Edge */

7
packages/ui/style/tailwind.js
View file

@ -11,6 +11,13 @@ module.exports = function (app, options) {
darkMode: app == 'landing' ? 'class' : 'class',
mode: 'jit',
theme: {
// fontFamily: {
// sans: ['Inter', 'ui-sans-serif', 'system-ui'],
// serif: ['Inter', 'ui-serif', 'Georgia'],
// mono: ['ui-monospace', 'SFMono-Regular'],
// display: ['Inter'],
// body: ['"Inter"']
// },
fontSize: {
'tiny': '.65rem',
'xs': '.75rem',

12
pnpm-lock.yaml
View file

@ -70,6 +70,7 @@ importers:
apps/landing:
specifiers:
'@babel/preset-react': ^7.16.7
'@fontsource/inter': ^4.5.7
'@headlessui/react': ^1.5.0
'@heroicons/react': ^1.0.6
'@icons-pack/react-simple-icons': ^4.6.1
@ -114,6 +115,7 @@ importers:
vite-plugin-ssr: ^0.3.64
vite-plugin-svgr: ^1.1.0
dependencies:
'@fontsource/inter': 4.5.7
'@headlessui/react': 1.5.0_react-dom@18.0.0+react@18.0.0
'@heroicons/react': 1.0.6_react@18.0.0
'@icons-pack/react-simple-icons': 4.6.1_react@18.0.0
@ -168,6 +170,7 @@ importers:
apps/web:
specifiers:
'@fontsource/inter': ^4.5.7
'@sd/client': '*'
'@sd/core': '*'
'@sd/interface': '*'
@ -186,6 +189,7 @@ importers:
vite: ^2.9.5
vite-plugin-svgr: ^1.1.0
dependencies:
'@fontsource/inter': 4.5.7
'@sd/client': link:../../packages/client
'@sd/core': link:../../core
'@sd/interface': link:../../packages/interface
@ -246,6 +250,7 @@ importers:
packages/interface:
specifiers:
'@apollo/client': ^3.5.10
'@fontsource/inter': ^4.5.7
'@headlessui/react': ^1.5.0
'@heroicons/react': ^1.0.6
'@radix-ui/react-dialog': ^0.1.7
@ -303,6 +308,7 @@ importers:
zustand: ^3.7.2
dependencies:
'@apollo/client': 3.5.10_react@18.0.0
'@fontsource/inter': 4.5.7
'@headlessui/react': 1.5.0_react-dom@18.0.0+react@18.0.0
'@heroicons/react': 1.0.6_react@18.0.0
'@radix-ui/react-dialog': 0.1.7_761282c47ea27a9f40e1344337910648
@ -839,6 +845,10 @@ packages:
resolution: {integrity: sha512-RpfLEtTlyIxeNPGKcokS+p3BZII/Q3bYxryFRglh5H3A3T8q9fsLYm72VYAMEOOIBLEa8o93kFLiBDUWKrwXZA==}
dev: true
/@fontsource/inter/4.5.7:
resolution: {integrity: sha512-25k3thupaOEBexuU+jAkGqieKPbuhSuA+sinDwp1iBNhqQPiJ9QHDvsXgoCgCbZ4sGlE8aCwZmSlDJrPdJHNkw==}
dev: false
/@graphql-typed-document-node/core/3.1.1:
resolution: {integrity: sha512-NQ17ii0rK1b34VZonlmT2QMJFI70m0TRwbknO/ihlbatXyaktDhN/98vBiUU6kNBPljqGqyIrl2T4nY2RpFANg==}
peerDependencies:
@ -6446,7 +6456,7 @@ packages:
vite: ^2.6.0
dependencies:
'@svgr/core': 6.2.1
vite: 2.9.5_sass@1.50.0
vite: 2.9.5
transitivePeerDependencies:
- supports-color
dev: true