misty.cafe/mistykey
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

refactor(frontend): refactor base styles

Browse source
This commit is contained in:
syuilo 2025-03-30 08:59:18 +09:00
parent a420a95fae
commit 93fc2456b3
3 changed files with 16 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

20
packages/frontend/src/ui/deck.vue
View file

@ -221,26 +221,6 @@ async function deleteProfile() {
</script>
<style>
html,
body {
width: 100%;
height: 100%;
overscroll-behavior: none;
}
body {
/* NOTE: htmlにも overflow: clip を設定したいところだが、設定すると何故か少なくともChromeで html が main thread scrolling になりパフォーマンスが(多分)落ちる */
overflow: clip;
}
#misskey_app {
width: 100%;
height: 100%;
overflow: clip;
}
</style>
<style lang="scss" module>
.transition_menuDrawerBg_enterActive,
.transition_menuDrawerBg_leaveActive {

24
packages/frontend/src/ui/universal.vue
View file

@ -95,7 +95,6 @@ import { defineAsyncComponent, provide, onMounted, computed, ref, watch, useTemp
import { instanceName } from '@@/js/config.js';
import { isLink } from '@@/js/is-link.js';
import XCommon from './_common_/common.vue';
import type { Ref } from 'vue';
import type { PageMetadata } from '@/page.js';
import XDrawerMenu from '@/ui/_common_/navbar-for-mobile.vue';
import * as os from '@/os.js';
@ -209,29 +208,6 @@ watch(navFooter, () => {
});
</script>
<style>
html,
body {
width: 100%;
height: 100%;
overscroll-behavior: none;
}
body {
/* NOTE: htmlにも overflow: clip を設定したいところだが、設定すると何故か少なくともChromeで html が main thread scrolling になりパフォーマンスが(多分)落ちる */
overflow: clip;
}
#misskey_app {
width: 100%;
height: 100%;
overflow: clip;
position: absolute;
top: 0;
left: 0;
}
</style>
<style lang="scss" module>
$ui-font-size: 1em; // TODO: どこかに集約したい
$widgets-hide-threshold: 1090px;