微調整
This commit is contained in:
parent
f360ab6158
commit
ecc8b8562e
3 changed files with 17 additions and 22 deletions
|
@ -192,13 +192,13 @@ export const MisshaiPage: React.VFC = () => {
|
|||
</div>
|
||||
) : (
|
||||
<div className="vstack">
|
||||
<section className="card announcement">
|
||||
<div className="card announcement">
|
||||
<div className="body">
|
||||
<AnnouncementList />
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div className="misshaiPageLayout">
|
||||
<section className="card misshaiData">
|
||||
<div className="card misshaiData">
|
||||
<div className="body">
|
||||
<h1><i className="bi-activity"></i> {t('_missHai.data')}</h1>
|
||||
<table className="table fluid">
|
||||
|
@ -234,22 +234,22 @@ export const MisshaiPage: React.VFC = () => {
|
|||
{session.data.rating}
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<section className="card developerInfo">
|
||||
</div>
|
||||
<div className="card developerInfo">
|
||||
<div className="body">
|
||||
<DeveloperInfo />
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<section className="card misshaiRanking">
|
||||
</div>
|
||||
<div className="card misshaiRanking">
|
||||
<div className="body">
|
||||
<h1><i className="bi-bar-chart"></i> {t('_missHai.ranking')}</h1>
|
||||
<Ranking limit={limit} />
|
||||
{limit && <button className="btn link" onClick={() => setLimit(undefined)}>{t('_missHai.showAll')}</button>}
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div className="misshaiPageLayout">
|
||||
<section className="card alertModeSetting">
|
||||
<div className="card alertModeSetting">
|
||||
<div className="body">
|
||||
<h1 className="mb-2"><i className="bi-gear"></i> {t('alertMode')}</h1>
|
||||
<div className="vstack">
|
||||
|
@ -292,8 +292,8 @@ export const MisshaiPage: React.VFC = () => {
|
|||
</>
|
||||
)}
|
||||
</div>
|
||||
</section>
|
||||
<section className="card templateSetting">
|
||||
</div>
|
||||
<div className="card templateSetting">
|
||||
<div className="body">
|
||||
<h1><i className="bi-card-text"></i> {t('template')}</h1>
|
||||
<p>{t('_template.description')}</p>
|
||||
|
@ -317,9 +317,9 @@ export const MisshaiPage: React.VFC = () => {
|
|||
}}>{t('save')}</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<section className="list-form mt-2">
|
||||
</div>
|
||||
<div className="list-form mt-2">
|
||||
<button className="item" onClick={onClickSendAlert} disabled={draft.alertMode === 'nothing'}>
|
||||
<i className="icon bi bi-send" />
|
||||
<div className="body">
|
||||
|
@ -327,7 +327,7 @@ export const MisshaiPage: React.VFC = () => {
|
|||
<p className="desc">{t(draft.alertMode === 'nothing' ? 'sendAlertDisabled' : 'sendAlertDescription')}</p>
|
||||
</div>
|
||||
</button>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
|
|
@ -60,7 +60,7 @@ export const IndexSessionPage: React.VFC = () => {
|
|||
<Tab items={items} selected={selectedTab} onSelect={setSelectedTab}/>
|
||||
</div>
|
||||
</div>
|
||||
<article className="xarticle mt-2">
|
||||
<div className="xarticle mt-2">
|
||||
<Card className="mb-2">
|
||||
<CurrentUser/>
|
||||
{session && meta && meta.currentTokenVersion !== session.tokenVersion && (
|
||||
|
@ -71,7 +71,7 @@ export const IndexSessionPage: React.VFC = () => {
|
|||
)}
|
||||
</Card>
|
||||
{component}
|
||||
</article>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
|
|
@ -3,7 +3,6 @@ body {
|
|||
--primary-d: rgb(52, 70, 0);
|
||||
--max-width: 1024px;
|
||||
font-family: "Koruri", sans-serif;
|
||||
font-feature-settings: "pkna";
|
||||
}
|
||||
|
||||
hr {
|
||||
|
@ -101,14 +100,10 @@ small {
|
|||
flex-direction: column;
|
||||
min-width: min(100vw, 240px);
|
||||
border-radius: var(--radius);
|
||||
padding: calc(var(--margin) / 2);
|
||||
padding: var(--slim-margin);
|
||||
background: var(--panel);
|
||||
}
|
||||
|
||||
.login-form {
|
||||
}
|
||||
|
||||
|
||||
.cat {
|
||||
&:before, &:after {
|
||||
background: #df548f;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue