-
+
{item.thumbnail.data ? (
![]()
) : (
-
+
)}
@@ -173,7 +172,7 @@ export default function LibrarySlug(props: LibrarySlugProps): JSX.Element {
key={galleryItem.id}
className="relative aspect-square hover:scale-[1.02] transition-transform cursor-pointer"
>
-
+
![]()
-
+
{content.attributes.range[0].__typename ===
"ComponentRangePageRange"
@@ -426,7 +425,7 @@ export default function LibrarySlug(props: LibrarySlugProps): JSX.Element {
)}
-
+
subdirectory_arrow_right
diff --git a/src/redux/appLayoutSlice.ts b/src/redux/appLayoutSlice.ts
deleted file mode 100644
index 3c8622d..0000000
--- a/src/redux/appLayoutSlice.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { createSlice, PayloadAction } from "@reduxjs/toolkit";
-
-export interface AppLayoutState {
- subPanelOpen: boolean;
- languagePanelOpen: boolean;
- mainPanelReduced: boolean;
- mainPanelOpen: boolean;
-}
-
-const initialState: AppLayoutState = {
- subPanelOpen: false,
- languagePanelOpen: false,
- mainPanelReduced: false,
- mainPanelOpen: false,
-};
-
-export const appLayoutSlice = createSlice({
- name: "appLayout",
- initialState,
- reducers: {
- setMainPanelOpen: (state, action: PayloadAction) => {
- state.mainPanelOpen = action.payload;
- },
-
- setLanguagePanelOpen: (state, action: PayloadAction) => {
- state.languagePanelOpen = action.payload;
- },
-
- setSubPanelOpen: (state, action: PayloadAction) => {
- state.subPanelOpen = action.payload;
- },
-
- setMainPanelReduced: (state, action: PayloadAction) => {
- state.mainPanelReduced = action.payload;
- },
- },
-});
-
-// Action creators are generated for each case reducer function
-export const {
- setMainPanelOpen,
- setLanguagePanelOpen,
- setSubPanelOpen,
- setMainPanelReduced,
-} = appLayoutSlice.actions;
-
-export default appLayoutSlice.reducer;
diff --git a/src/redux/store.ts b/src/redux/store.ts
deleted file mode 100644
index 2244bc6..0000000
--- a/src/redux/store.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { configureStore } from "@reduxjs/toolkit";
-import appLayoutReducer from "redux/appLayoutSlice";
-
-export const store = configureStore({
- reducer: { appLayout: appLayoutReducer },
-});
-
-// Infer the `RootState` and `AppDispatch` types from the store itself
-export type RootState = ReturnType;
-// Inferred type: {posts: PostsState, comments: CommentsState, users: UsersState}
-export type AppDispatch = typeof store.dispatch;
diff --git a/src/tailwind.css b/src/tailwind.css
index a0c7b8e..004d073 100644
--- a/src/tailwind.css
+++ b/src/tailwind.css
@@ -3,10 +3,6 @@
@tailwind utilities;
@layer base {
- html,
- body {
- @apply p-0 m-0 bg-light text-black mobile:text-[90%];
- }
* {
@apply box-border font-body font-medium scroll-smooth scroll-m-8;
@@ -22,18 +18,17 @@
}
a {
- @apply transition-colors underline-offset-2 decoration-dotted underline decoration-dark hover:text-dark;
+ @apply transition-colors underline-offset-2 decoration-dotted underline decoration-dark dark:decoration-dark-dark hover:text-dark dark:hover:text-dark-dark;
}
*::selection {
- @apply bg-dark text-light;
+ @apply bg-dark dark:bg-dark-dark text-light dark:text-dark-light;
}
/* SCROLLBARS STYLING */
* {
- scrollbar-color: theme("colors.dark") transparent;
- scrollbar-width: thin;
+ @apply [scrollbar-color:theme(colors.dark)_transparent] dark:[scrollbar-color:theme(colors.dark-dark)_transparent] [scrollbar-width:thin];
}
*::-webkit-scrollbar {
@@ -41,22 +36,17 @@
}
*::-webkit-scrollbar-track {
- @apply bg-[transparent];
+ @apply bg-light dark:bg-dark-light;
}
*::-webkit-scrollbar-thumb {
- @apply bg-dark rounded-full border-[3px] border-solid border-light;
+ @apply bg-dark dark:bg-dark-dark rounded-full border-[3px] border-solid border-light dark:border-dark-light;
}
/* CHANGE PROSE DEFAULTS */
.prose a {
- @apply transition-colors underline-offset-2 decoration-dotted underline decoration-dark hover:text-dark;
- }
-
- .prose {
- --tw-prose-bullets: theme("colors.dark") !important;
- --tw-prose-quote-borders: theme("colors.dark") !important;
+ @apply transition-colors underline-offset-2 decoration-dotted underline decoration-dark dark:decoration-dark-dark hover:text-dark dark:hover:text-dark-dark;
}
.prose footer {
@@ -68,6 +58,6 @@
}
.prose footer > div:target {
- @apply bg-mid shadow-inner-sm shadow-shade;
+ @apply bg-mid dark:bg-dark-mid shadow-inner-sm shadow-shade dark:shadow-dark-shade;
}
}