>CEXOc?_RS~A)S5$AEyhq2YrRS_9e<3(gc zYA>U9-U%@dje+tT1e50+6}vrLVFwddM_dBHmrIj+wg*eT2Qvw>%XlOG*f@jn!Q`FE zLTAB{FkgehA$$te_dWUBL**YYfAx^q<)hVqjFshz`DZS4cDYOLoJbTJLrTTQD3qpA zsQAoEAPA=+k-8lYqzo+PT#fF?Lw=+>R34M7A!DxEl#!hZ6xbM9nP{EDhn=T7>8j9uQyydo4dFv_OM1*A|L$h zNacV#Qnbk_fmL^hKOz~Tm%shTD1!o9W=TkiF&SS=c2(d3J44J&-jS$FDks~-Za5E6 z_XWz+;MI5u!fG#;yqtC4F#1)@RV4{g8-x5eNGL!)kGx=9=-y4T%~U3Tw7}%qxCfv% z3Tjsn34&a6LoYuq-n5Tu1oZKG$h`8%3bZn+%!A;us@MnxD2xOo;#mmT64?|2NKxj= z5oMV`8hIgtL+BDmM+bk-ve=xX9xr^hZ0{7N8`|0gx)TA@odBe+-D=U 1yT2zoe*i zf-3 uC;svs|?d8oj1@WjW48Wb@erygo{D1 7w%?K&baw+Y9~msq!!xHt#J*_K>~ooC-m )|y-y&6qbcA##0hdR_C0yxUD^p>e0X#5%>2QJuMAW_d5r9*3{@NHCk^$- z>QldQM$|(?{*S&V<1jbqJ3$;6`fXL65v<7w`Ass5JTcI<9OE47j6OSp9T;e-79ZXs z
-B&h8Q^AI9T#ojDrZ~*2OL$jGWLyLd4fALST{i%KbDvQS!X)*>d z^GD?U;Qkd~X>#DqvAXek&+WO>B)?xjvTjM{)ENk5_8ro>>X+87?KSue#i4~ii>JuP z|BMysE0b3+-}=JyOvRID{#6$e>W7j2 (2qOUO(+_eaLR~vl}!60YFTE0hyV)Zz|I@~Nz?MU5CpLDAFc+Eb1@K&*DSp7 z__(hWnI@}@y%6T5)8+|UBnd6eb4@8Y4AFq@E-W+D#`D9|x&~aoYPZXkSwrMc@( 5v~bY^?DXmXd?+AXz$uq)LIL zxxS@{2h9CITK|uqO7^s@;en}GICfD@M~=}THnDbKW*X(K%n;-0I9_K9z;J=Og2eIV z_IHaIo=^$i@_F^Xc)`OX;<^^;pmd*X@|@%9DEN}&+Y`keR4VW96z++iCrp}9-h%uv ze7|J;BtiV*qluExrJM@-H7~2v*bm9TghM+ycFx}98s|7?M8&xE&$f(T^zBlw%m%J> zgEX6?WPAH&Npr_VfLpJdn#uu~mqg^*zUkVF8`Wz2g9o-#!>(43e7jO`?HeALT+L0p z{LK)mW-)@|_a*e8_%qhCE3vyvM#yBr9d&gjslw-65n@AG=@S^PPV8dOR&ss2yAoAB znD7c}CH}CY5|X+^oWun1#Y~-PNeSU|t_m>~qkHxy@|%O7eU+++{JSE}TG2i1*sjXm zdt@xG(UpRP@Uiynu_YeEME6h|cGno8s@$_j%93eUW5@Q{GLMiMI)Hr49EBAmw4HPJ z?h5rWTyz()VfO^&Zmzy;u=oQYn|Cg6tw3TyZoY;Hsd|y#v(|OykqmVfep?P-*(x53 z-G3>^yqY R&*l z*7c_4fX9*x-V|Q2930iJJ1~Y$e329w%Tdy04rSd|nk9ZCs`~6iO}9O$*Ct7{&pdw# zM3f$^RR<^x+k=upFHtt^mRaIop=#2%s2TPj>UA oSuIoW&r4i _WL=r2JvKlQl@{un%9e@f3dvip@wjI5xYy1B|g`{9a=(Y{Koo O->MgDnP*M}0002qR^@U4 diff --git a/src/layout/components/sidebar/horizontal.vue b/src/layout/components/sidebar/horizontal.vue index 4d03b122d..2eca28004 100644 --- a/src/layout/components/sidebar/horizontal.vue +++ b/src/layout/components/sidebar/horizontal.vue @@ -15,6 +15,7 @@ import { algorithm } from "/@/utils/algorithm"; import screenfull from "../screenfull/index.vue"; import { useRoute, useRouter } from "vue-router"; import { storageSession } from "/@/utils/storage"; +import Icon from "/@/components/ReIcon/src/Icon.vue"; import { deviceDetection } from "/@/utils/deviceDetection"; import globalization from "/@/assets/svg/globalization.svg"; import { usePermissionStoreHook } from "/@/store/modules/permission"; @@ -117,7 +118,7 @@ onMounted(() => { @@ -39,28 +40,24 @@ const title = .sidebar-logo-container { position: relative; width: 100%; - height: 50px; + height: 48px; text-align: center; overflow: hidden; .sidebar-logo-link { height: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + margin-top: 5px; .sidebar-title { - display: inline-block; - margin: 0; color: #1890ff; font-weight: 600; font-size: 20px; - margin-top: 16px; + margin-top: 10px; font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif; } - - .fa-optin-monster { - font-size: 30px; - color: #1890ff; - margin-top: 5px; - } } .collapse { diff --git a/src/style/sidebar.scss b/src/style/sidebar.scss index fabf4c97e..57ba1b039 100644 --- a/src/style/sidebar.scss +++ b/src/style/sidebar.scss @@ -91,8 +91,10 @@ a { display: inline-block; + display: flex; + padding-left: 10px; + flex-wrap: wrap; width: 100%; - overflow: hidden; } .el-menu { @@ -109,8 +111,6 @@ // menu hover .submenu-title-noDropdown, .el-sub-menu__title { - // background: $menuBg; - &:hover { background-color: $menuHover !important; }- +{{ title }}
import { getCurrentInstance } from "vue"; +import Icon from "/@/components/ReIcon/src/Icon.vue"; const props = defineProps({ collapse: Boolean }); @@ -18,8 +19,8 @@ const title = class="sidebar-logo-link" to="/" > - - {{ title }}
++ - - {{ title }}
++