デザイン調整

src/frontend/components/AccountsPage.tsx

@@ -30,15 +30,11 @@ export const AccountsPage: React.VFC = () => {
 			<Skeleton />
 		</div>
 	) :  (
-		<div className="fade vstack">
-			<article>
-				<p>
-					<b>{t('_accounts.currentAccount')}:</b> @{data.username}@{data.host}
-				</p>
-			</article>
-			<article className="card">
-				<div className="body">
-					<h1>{t('_accounts.switchAccount')}</h1>
+		<article className="fade">
+			<h1 className="text-125 text-bold">{data.username}<span className="text-dimmed">@{data.host}</span></h1>
+			<div>
+				<strong>{t('_accounts.switchAccount')}</strong>
+			</div>
 			<div className="menu large fluid mb-2">
 				{
 					accounts.length === accountTokens.length ? (
@@ -61,8 +57,6 @@ export const AccountsPage: React.VFC = () => {
 				}
 			</div>
 			<LoginForm />
-				</div>
 		</article>
-		</div>
 	);
 };

src/frontend/components/AnnouncementList.tsx

@@ -4,7 +4,6 @@ import { Link } from 'react-router-dom';
 
 import { IAnnouncement } from '../../common/types/announcement';
 import { $get } from '../misc/api';
-import { Card } from './Card';
 
 export const AnnouncementList: React.VFC = () => {
 	const [announcements, setAnnouncements] = useState<IAnnouncement[]>([]);

src/frontend/style.scss

@@ -95,6 +95,4 @@ small {
 }
 
 .login-form {
-    background: var(--panel);
-    border-radius: var(--radius);
 }