RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-10 02:54:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

better loadingIcon style

Browse Source
This commit is contained in:
srgooglo 2022-06-06 14:52:24 +02:00
parent 7def0add0c
commit 35f7098a14
2 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/app/src/components/PostsFeed/index.jsx
View File

@ -1,6 +1,7 @@
import React from "react" import React from "react"
import * as antd from "antd" import * as antd from "antd"
import { User } from "models" import { User } from "models"
import { Icons } from "components/Icons"
import { PostCard, LoadMore } from "components" import { PostCard, LoadMore } from "components"
import "./index.less" import "./index.less"
@ -9,7 +10,7 @@ const LoadingComponent = () => {
// FIXME: Im not sure why but, using <antd.Skeleton> will cause a memory leak of DOM Nodes when using IntersectionObserver // FIXME: Im not sure why but, using <antd.Skeleton> will cause a memory leak of DOM Nodes when using IntersectionObserver
//return <antd.Skeleton active /> //return <antd.Skeleton active />
return <p>Loading more ...</p> return <p><Icons.LoadingOutlined spin className="loadingIcon" /> Loading more ...</p>
} }
const NoResultComponent = () => { const NoResultComponent = () => {

12
packages/app/src/theme/index.less
View File

@ -267,6 +267,18 @@ body {
align-items: center; align-items: center;
} }
.loadingIcon {
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 1rem;
svg {
margin: 0;
}
}
// Fixments // Fixments
.ant-btn { .ant-btn {
display: flex; display: flex;