FatttSnake/oxygen-ui
1
0
Fork 0
Code Pull Requests Activity

Refactor(App): Change sass to less

Browse Source
This commit is contained in:
Fat Snake
2024-10-17 13:50:47 +08:00
parent a482bbc14c
commit 3d77dc793b
98 changed files with 466 additions and 363 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/common/Card.tsx
View File

@@ -1,5 +1,5 @@
import { DetailedHTMLProps, HTMLAttributes } from 'react'
import '@/assets/css/components/common/card.scss'
import '@/assets/css/components/common/card.less'
type CardProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>

2
src/components/common/FitCenter.tsx
View File

@@ -1,5 +1,5 @@
import { DetailedHTMLProps, HTMLAttributes } from 'react'
import '@/assets/css/components/common/fit-center.scss'
import '@/assets/css/components/common/fit-center.less'
interface FitCenterProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
vertical?: boolean

2
src/components/common/FitFullscreen.tsx
View File

@@ -1,5 +1,5 @@
import { DetailedHTMLProps, HTMLAttributes } from 'react'
import '@/assets/css/components/common/fit-fullscreen.scss'
import '@/assets/css/components/common/fit-fullscreen.less'
interface FitFullscreenProps
extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {

2
src/components/common/FlexBox.tsx
View File

@@ -1,5 +1,5 @@
import { DetailedHTMLProps, HTMLAttributes } from 'react'
import '@/assets/css/components/common/flex-box.scss'
import '@/assets/css/components/common/flex-box.less'
interface FlexBoxProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
direction?: 'horizontal' | 'vertical'

2
src/components/common/FullscreenLoadingMask.tsx
View File

@@ -1,5 +1,5 @@
import Icon from '@ant-design/icons'
import '@/assets/css/components/common/fullscreen-loading-mask.scss'
import '@/assets/css/components/common/fullscreen-loading-mask.less'
import { COLOR_FONT_MAIN } from '@/constants/common.constants'
import FitFullscreen from '@/components/common/FitFullscreen'

2
src/components/common/HideScrollbar.tsx
View File

@@ -6,7 +6,7 @@ import {
HTMLAttributes,
UIEvent
} from 'react'
import '@/assets/css/components/common/hide-scrollbar.scss'
import '@/assets/css/components/common/hide-scrollbar.less'
interface HideScrollbarProps
extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {

2
src/components/common/Indicator.tsx
View File

@@ -1,5 +1,5 @@
import _ from 'lodash'
import '@/assets/css/components/common/indicator.scss'
import '@/assets/css/components/common/indicator.less'
interface IndicatorProps {
total: number

2
src/components/common/LoadingMask.tsx
View File

@@ -1,6 +1,6 @@
import { PropsWithChildren, ReactNode } from 'react'
import Icon from '@ant-design/icons'
import '@/assets/css/components/common/loading-mask.scss'
import '@/assets/css/components/common/loading-mask.less'
import { COLOR_FONT_MAIN } from '@/constants/common.constants'
interface LoadingMaskProps extends PropsWithChildren {

2
src/components/common/Sidebar/index.tsx
View File

@@ -1,6 +1,6 @@
import { PropsWithChildren, ReactNode } from 'react'
import Icon from '@ant-design/icons'
import '@/assets/css/components/common/sidebar.scss'
import '@/assets/css/components/common/sidebar.less'
import { getLocalStorage, setLocalStorage } from '@/util/browser'
import Item from '@/components/common/Sidebar/Item'
import ItemList from '@/components/common/Sidebar/ItemList'

2
src/components/common/UrlCard.tsx
View File

@@ -1,7 +1,7 @@
import { DetailedHTMLProps, HTMLAttributes, ReactNode } from 'react'
import Icon from '@ant-design/icons'
import VanillaTilt, { TiltOptions } from 'vanilla-tilt'
import '@/assets/css/components/common/url-card.scss'
import '@/assets/css/components/common/url-card.less'
import Card from '@/components/common/Card'
import FlexBox from '@/components/common/FlexBox'