test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

style(布局): 页面顶部布局调整

This commit is contained in:
baiqi 2024-08-14 16:06:36 +08:00 committed by 刘瑞斌
parent 632be61186
commit 0d110b154f
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/business/ms-top-menu/index.vue
View File

@ -139,11 +139,13 @@
<style lang="less" scoped> <style lang="less" scoped>
:deep(.arco-menu-inner) { :deep(.arco-menu-inner) {
overflow-y: hidden; overflow-y: hidden;
padding: 12px 16px 12px 8px; padding: 12px 16px 12px 0;
.arco-menu-item { .arco-menu-item {
@apply !bg-transparent; @apply !bg-transparent;
&:not(:first-child) {
margin-left: 8px; margin-left: 8px;
&:nth-child(2) {
margin-left: 0;
} }
&:hover { &:hover {
color: rgb(var(--primary-4)); color: rgb(var(--primary-4));

4
frontend/src/components/pure/navbar/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="navbar"> <div class="navbar">
<div class="flex items-center px-[16px]"> <div class="flex w-[200px] items-center px-[16px]">
<a-space> <a-space>
<div class="one-line-text flex max-w-[145px] items-center"> <div class="one-line-text flex max-w-[145px] items-center">
<img :src="props.logo" class="mr-[4px] h-[34px] w-[32px]" /> <img :src="props.logo" class="mr-[4px] h-[34px] w-[32px]" />
@ -16,7 +16,7 @@
<template v-if="showProjectSelect"> <template v-if="showProjectSelect">
<a-select <a-select
v-model:model-value="appStore.currentProjectId" v-model:model-value="appStore.currentProjectId"
class="w-[200px] focus-within:!bg-[var(--color-text-n8)] hover:!bg-[var(--color-text-n8)]" class="mr-[8px] w-[200px] focus-within:!bg-[var(--color-text-n8)] hover:!bg-[var(--color-text-n8)]"
:bordered="false" :bordered="false"
:fallback-option="false" :fallback-option="false"
allow-search allow-search