Unfloyded/misskey-tools
0
0
Fork 0
Code Activity

微調整

Browse source
This commit is contained in:
Xeltica 2022-06-21 12:55:05 +09:00
parent 805d75073d
commit 81d873753b
4 changed files with 7 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/frontend/App.tsx
View file

@ -51,6 +51,7 @@ const AppInner : React.VFC = () => {
) : <Router />} ) : <Router />}
<footer className="text-center pa-5"> <footer className="text-center pa-5">
<p>(C)2020-2022 <a href={XELTICA_STUDIO_URL} target="_blank" rel="noopener noreferrer">Xeltica Studio</a></p> <p>(C)2020-2022 <a href={XELTICA_STUDIO_URL} target="_blank" rel="noopener noreferrer">Xeltica Studio</a></p>
<p><span dangerouslySetInnerHTML={{__html: t('disclaimerForMisskeyHq')}} /></p>
<p> <p>
<a href="https://xeltica.notion.site/Misskey-Tools-688187fc85de4b7e901055326c7ffe74" target="_blank" rel="noreferrer noopener"> <a href="https://xeltica.notion.site/Misskey-Tools-688187fc85de4b7e901055326c7ffe74" target="_blank" rel="noreferrer noopener">
{t('termsOfService')} {t('termsOfService')}

3
src/frontend/GeneralLayout.tsx
View file

@ -35,6 +35,7 @@ const MobileHeader = styled.header`
right: 0; right: 0;
height: 64px; height: 64px;
background: var(--panel); background: var(--panel);
z-index: 1000;
> h1 { > h1 {
font-size: 1rem; font-size: 1rem;
margin-bottom: 0; margin-bottom: 0;
@ -53,7 +54,7 @@ export const GeneralLayout: React.FC = ({children}) => {
<Container isMobile={isMobile}> <Container isMobile={isMobile}>
{isMobile && ( {isMobile && (
<MobileHeader className="navbar hstack f-middle shadow-2 pl-2"> <MobileHeader className="navbar hstack f-middle shadow-2 pl-2">
<button className="btn flat" onClick={() => dispatch(setDrawerShown(true))}> <button className="btn flat" onClick={() => dispatch(setDrawerShown(!isDrawerShown))}>
<i className="fas fa-bars"></i> <i className="fas fa-bars"></i>
</button> </button>
<h1>{t(title ?? 'title')}</h1> <h1>{t(title ?? 'title')}</h1>

2
src/frontend/Modal.tsx
View file

@ -98,7 +98,7 @@ export const ModalComponent: React.VFC = () => {
if (!shown || !modal) return null; if (!shown || !modal) return null;
return ( return (
<div className={`modal fade ${modal.type === 'menu' ? 'top-left' : ''}`} onClick={() => dispatch(hideModal())}> <div className={`modal fade ${modal.type === 'menu' ? 'top-left' : 'darken'}`} onClick={() => dispatch(hideModal())}>
<div className="fade up" onClick={(e) => e.stopPropagation()}> <div className="fade up" onClick={(e) => e.stopPropagation()}>
{ ModalInner(modal) } { ModalInner(modal) }
</div> </div>

2
src/frontend/style.scss
View file

@ -87,7 +87,9 @@ small {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
&.darken {
background: #000000c0; background: #000000c0;
}
z-index: 40000; z-index: 40000;
&.top-left { &.top-left {
justify-content: flex-start; justify-content: flex-start;