mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-25 04:46:40 +07:00
refactored css imports
This commit is contained in:
parent
8d5afb4f98
commit
ef959af711
7 changed files with 11 additions and 22 deletions
|
@ -1,8 +1,5 @@
|
||||||
import React, { FC, useCallback, useMemo, useState } from 'react';
|
import React, { FC, useCallback, useMemo, useState } from 'react';
|
||||||
import { Swiper, SwiperSlide } from 'swiper/react';
|
import { Swiper, SwiperSlide } from 'swiper/react';
|
||||||
import 'swiper/swiper.scss';
|
|
||||||
import 'swiper/components/effect-fade/effect-fade.scss';
|
|
||||||
import 'swiper/components/lazy/lazy.scss';
|
|
||||||
import styles from './styles.module.scss';
|
import styles from './styles.module.scss';
|
||||||
|
|
||||||
import SwiperCore, { Autoplay, EffectFade, Lazy, Navigation } from 'swiper';
|
import SwiperCore, { Autoplay, EffectFade, Lazy, Navigation } from 'swiper';
|
||||||
|
|
|
@ -2,12 +2,6 @@ import React, { FC } from 'react';
|
||||||
import { INodeComponentProps } from '~/constants/node';
|
import { INodeComponentProps } from '~/constants/node';
|
||||||
import SwiperCore, { A11y, Navigation, Pagination, SwiperOptions } from 'swiper';
|
import SwiperCore, { A11y, Navigation, Pagination, SwiperOptions } from 'swiper';
|
||||||
|
|
||||||
import 'swiper/swiper.scss';
|
|
||||||
import 'swiper/components/pagination/pagination.scss';
|
|
||||||
import 'swiper/components/scrollbar/scrollbar.scss';
|
|
||||||
import 'swiper/components/zoom/zoom.scss';
|
|
||||||
import 'swiper/components/navigation/navigation.scss';
|
|
||||||
|
|
||||||
import styles from './styles.module.scss';
|
import styles from './styles.module.scss';
|
||||||
import { useNodeImages } from '~/hooks/node/useNodeImages';
|
import { useNodeImages } from '~/hooks/node/useNodeImages';
|
||||||
import { useGotoNode } from '~/hooks/node/useGotoNode';
|
import { useGotoNode } from '~/hooks/node/useGotoNode';
|
||||||
|
|
|
@ -2,10 +2,6 @@ import React, { FC, useCallback, useState } from 'react';
|
||||||
import { INodeComponentProps } from '~/constants/node';
|
import { INodeComponentProps } from '~/constants/node';
|
||||||
import { Swiper, SwiperSlide } from 'swiper/react';
|
import { Swiper, SwiperSlide } from 'swiper/react';
|
||||||
|
|
||||||
import 'swiper/swiper.scss';
|
|
||||||
import 'swiper/components/pagination/pagination.scss';
|
|
||||||
import 'swiper/components/navigation/navigation.scss';
|
|
||||||
import 'swiper/components/lazy/lazy.min.css';
|
|
||||||
import styles from './styles.module.scss';
|
import styles from './styles.module.scss';
|
||||||
|
|
||||||
import SwiperCore, { Keyboard, Navigation, Pagination, SwiperOptions } from 'swiper';
|
import SwiperCore, { Keyboard, Navigation, Pagination, SwiperOptions } from 'swiper';
|
||||||
|
|
|
@ -3,7 +3,7 @@ import { ModalWrapper } from '~/components/dialogs/ModalWrapper';
|
||||||
import { DIALOG_CONTENT } from '~/constants/modal';
|
import { DIALOG_CONTENT } from '~/constants/modal';
|
||||||
import { useModalStore } from '~/store/modal/useModalStore';
|
import { useModalStore } from '~/store/modal/useModalStore';
|
||||||
import { has } from 'ramda';
|
import { has } from 'ramda';
|
||||||
import { observer } from 'mobx-react';
|
import { observer } from 'mobx-react-lite';
|
||||||
|
|
||||||
type IProps = {};
|
type IProps = {};
|
||||||
|
|
||||||
|
|
|
@ -2,8 +2,6 @@ import React, { useEffect, useRef, VFC } from 'react';
|
||||||
|
|
||||||
import PhotoSwipeJs from 'photoswipe/dist/photoswipe.js';
|
import PhotoSwipeJs from 'photoswipe/dist/photoswipe.js';
|
||||||
import PhotoSwipeUI_Default from 'photoswipe/dist/photoswipe-ui-default.js';
|
import PhotoSwipeUI_Default from 'photoswipe/dist/photoswipe-ui-default.js';
|
||||||
import 'photoswipe/dist/photoswipe.css';
|
|
||||||
import 'photoswipe/dist/default-skin/default-skin.css';
|
|
||||||
import { getURL } from '~/utils/dom';
|
import { getURL } from '~/utils/dom';
|
||||||
import { PRESETS } from '~/constants/urls';
|
import { PRESETS } from '~/constants/urls';
|
||||||
import styles from './styles.module.scss';
|
import styles from './styles.module.scss';
|
||||||
|
|
|
@ -36,12 +36,6 @@ const authPersistConfig: PersistConfig = {
|
||||||
storage,
|
storage,
|
||||||
};
|
};
|
||||||
|
|
||||||
const flowPersistConfig: PersistConfig = {
|
|
||||||
key: 'flow',
|
|
||||||
whitelist: ['nodes', 'recent', 'updated'],
|
|
||||||
storage,
|
|
||||||
};
|
|
||||||
|
|
||||||
const playerPersistConfig: PersistConfig = {
|
const playerPersistConfig: PersistConfig = {
|
||||||
key: 'player',
|
key: 'player',
|
||||||
whitelist: ['youtubes'],
|
whitelist: ['youtubes'],
|
||||||
|
|
|
@ -1,4 +1,14 @@
|
||||||
@import "src/styles/variables";
|
@import "src/styles/variables";
|
||||||
|
@import 'photoswipe/dist/photoswipe';
|
||||||
|
@import 'photoswipe/dist/default-skin/default-skin';
|
||||||
|
|
||||||
|
@import 'swiper/swiper';
|
||||||
|
@import 'swiper/components/effect-fade/effect-fade';
|
||||||
|
@import 'swiper/components/lazy/lazy';
|
||||||
|
@import 'swiper/components/pagination/pagination';
|
||||||
|
@import 'swiper/components/scrollbar/scrollbar';
|
||||||
|
@import 'swiper/components/zoom/zoom';
|
||||||
|
@import 'swiper/components/navigation/navigation';
|
||||||
|
|
||||||
html {
|
html {
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue