mirror of
https://github.com/the1812/Bilibili-Evolved.git
synced 2025-11-04 21:22:45 +08:00
50 lines
1.0 KiB
Vue
50 lines
1.0 KiB
Vue
<template>
|
|
<div class="home-redesign-base">
|
|
<slot />
|
|
</div>
|
|
</template>
|
|
<script lang="ts">
|
|
export default Vue.extend({})
|
|
</script>
|
|
<style lang="scss">
|
|
@import 'common';
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
min-height: 100vh;
|
|
}
|
|
body {
|
|
@include v-stretch();
|
|
min-height: 100vh;
|
|
}
|
|
#i_cecream {
|
|
width: 100%;
|
|
}
|
|
.home-redesign-base {
|
|
--home-base-color: #fff;
|
|
--home-background-color: #fff;
|
|
--home-color: #000;
|
|
--home-max-width: var(--home-max-width-override, 1440px);
|
|
--home-content-height: 250px;
|
|
--home-card-radius: 12px;
|
|
--home-card-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05);
|
|
--home-card-border: 1px solid #8882;
|
|
background-color: var(--home-base-color);
|
|
color: var(--home-color);
|
|
font-size: 12px;
|
|
flex-grow: 1;
|
|
line-height: normal;
|
|
@include v-center();
|
|
|
|
body.dark & {
|
|
--home-base-color: #181818;
|
|
--home-background-color: #282828;
|
|
--home-color: #eee;
|
|
--home-card-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
|
|
}
|
|
body.home-redesign-off & {
|
|
display: none;
|
|
}
|
|
}
|
|
</style>
|