github-repos/blivechat
1
0
Fork 0
mirror of https://github.com/xfgryujk/blivechat.git synced 2024-12-26 21:00:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

整理前端部分组件CSS

Browse Source
This commit is contained in:
John Smith 2024-11-23 17:31:03 +08:00
parent c45825922a
commit faf272c8a7
3 changed files with 20 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/ChatRenderer/TextMessage.vue
View File

@ -84,12 +84,12 @@ export default {
} }
</script> </script>
<style> <style scoped>
yt-live-chat-text-message-renderer>#content>#message>.el-badge { #message >>> .el-badge {
margin-left: 10px; margin-left: 10px;
} }
yt-live-chat-text-message-renderer>#content>#message>.el-badge .el-badge__content { #message >>> .el-badge__content {
font-size: 12px !important; font-size: 12px !important;
line-height: 18px !important; line-height: 18px !important;
text-shadow: none !important; text-shadow: none !important;

10
frontend/src/layout/Sidebar.vue
View File

@ -83,16 +83,20 @@ export default {
} }
</script> </script>
<style> <style scoped>
.el-scrollbar { .el-scrollbar {
height: 100%; height: 100%;
} }
.scrollbar-wrapper { .el-scrollbar >>> .scrollbar-wrapper {
overflow-x: hidden !important; overflow-x: hidden !important;
} }
.scrollbar-wrapper .el-menu { .el-scrollbar >>> .el-menu {
border: none; border: none;
} }
.el-scrollbar >>> .is-horizontal {
display: none;
}
</style> </style>

23
frontend/src/layout/index.vue
View File

@ -12,7 +12,7 @@
<sidebar></sidebar> <sidebar></sidebar>
</el-aside> </el-aside>
<el-main> <el-main>
<el-button v-show="isMobile" class="menu-button" icon="el-icon-s-unfold" @click="hideSidebar = false"></el-button> <el-button v-show="isMobile" icon="el-icon-s-unfold" @click="hideSidebar = false"></el-button>
<keep-alive> <keep-alive>
<router-view></router-view> <router-view></router-view>
</keep-alive> </keep-alive>
@ -51,8 +51,8 @@ export default {
} }
</script> </script>
<style> <style scoped>
.app-wrapper, .sidebar-container { .app-wrapper {
height: 100%; height: 100%;
} }
@ -67,11 +67,12 @@ export default {
} }
.sidebar-container { .sidebar-container {
height: 100%;
background-color: #304156; background-color: #304156;
overflow: hidden; overflow: hidden;
} }
.app-wrapper.mobile .sidebar-container { .mobile .sidebar-container {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
@ -79,13 +80,13 @@ export default {
z-index: 1001; z-index: 1001;
} }
.app-wrapper.mobile .sidebar-container.hide-sidebar { .mobile .sidebar-container.hide-sidebar {
pointer-events: none; pointer-events: none;
transition-duration: 0.3s; transition-duration: 0.3s;
transform: translate3d(-230px, 0, 0); transform: translate3d(-230px, 0, 0);
} }
.sidebar-container .logo-container { .logo-container {
width: 100%; width: 100%;
height: 50px; height: 50px;
line-height: 50px; line-height: 50px;
@ -93,14 +94,14 @@ export default {
text-align: center; text-align: center;
} }
.sidebar-container .logo-container .sidebar-logo { .sidebar-logo {
width: 32px; width: 32px;
height: 32px; height: 32px;
vertical-align: middle; vertical-align: middle;
margin-right: 12px; margin-right: 12px;
} }
.sidebar-container .logo-container .sidebar-title { .sidebar-title {
display: inline-block; display: inline-block;
margin: 0; margin: 0;
color: #fff; color: #fff;
@ -111,7 +112,7 @@ export default {
vertical-align: middle; vertical-align: middle;
} }
.sidebar-container .version { .version {
height: 30px; height: 30px;
background: #2b2f3a; background: #2b2f3a;
color: #aaa; color: #aaa;
@ -121,8 +122,4 @@ export default {
vertical-align: middle; vertical-align: middle;
text-align: center; text-align: center;
} }
.sidebar-container .is-horizontal {
display: none;
}
</style> </style>