blackteay/ray-template
1
0
Fork 0
mirror of https://github.com/XiaoDaiGua-Ray/ray-template.git synced 2025-05-04 01:06:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

顶部操作按钮样式调整

Browse Source
This commit is contained in:
ray_wuhao 2023-02-27 14:02:19 +08:00
parent 360ae3c373
commit e105726dde
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/RayIcon/index.scss
View File

@ -5,7 +5,9 @@
border: none; border: none;
outline: none; outline: none;
text-align: center; text-align: center;
display: inline-block; display: inline-flex;
justify-content: center;
align-items: center;
fill: currentColor; fill: currentColor;
transform: translateZ(0); transform: translateZ(0);
opacity: var(--ray-icon-depth); opacity: var(--ray-icon-depth);

8
src/layout/components/SiderBar/index.tsx
View File

@ -42,6 +42,9 @@ const SiderBar = defineComponent({
const modelDrawerPlacement = ref(settingStore.drawerPlacement) const modelDrawerPlacement = ref(settingStore.drawerPlacement)
const showSettings = ref(false) const showSettings = ref(false)
const person = getCache('person') const person = getCache('person')
const spaceItemStyle = {
display: 'flex',
}
/** /**
* *
@ -129,6 +132,7 @@ const SiderBar = defineComponent({
updateLocale, updateLocale,
handlePersonSelect, handlePersonSelect,
person, person,
spaceItemStyle,
} }
}, },
render() { render() {
@ -139,7 +143,7 @@ const SiderBar = defineComponent({
align="center" align="center"
justify="space-between" justify="space-between"
> >
<NSpace align="center"> <NSpace align="center" itemStyle={this.spaceItemStyle}>
{this.leftIconOptions.map((curr) => ( {this.leftIconOptions.map((curr) => (
<NTooltip> <NTooltip>
{{ {{
@ -156,7 +160,7 @@ const SiderBar = defineComponent({
</NTooltip> </NTooltip>
))} ))}
</NSpace> </NSpace>
<NSpace align="center"> <NSpace align="center" itemStyle={this.spaceItemStyle}>
{this.rightTooltipIconOptions.map((curr) => ( {this.rightTooltipIconOptions.map((curr) => (
<RayTooltipIcon <RayTooltipIcon
iconName={curr.name} iconName={curr.name}