微調整

src/frontend/components/MisshaiPage.tsx

@@ -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>
+				</div>
-				<section className="card developerInfo">
+				<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>
+				</div>
-				<section className="card templateSetting">
+				<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>
 	);
 };

src/frontend/pages/index.session.tsx

@@ -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>
 		</>
 	);
 };

src/frontend/style.scss

@@ -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;