feat: 管理中心菜单栏调整
This commit is contained in:
rd
6
src/assets/svg/svg-managementAccount-active.svg
Normal file
6
src/assets/svg/svg-managementAccount-active.svg
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
|
||||||
|
<path d="M14.25 9.75C15.4926 9.75 16.5 10.7574 16.5 12V14.25C16.5 15.4926 15.4926 16.5 14.25 16.5H3.75C2.50736 16.5 1.5 15.4926 1.5 14.25V12C1.5 10.7574 2.50736 9.75 3.75 9.75H14.25Z" fill="#6D4CFE"/>
|
||||||
|
<path d="M13.875 8.625H3.75C2.50736 8.625 1.5 7.61764 1.5 6.375V4.125C1.5 2.88236 2.50736 1.875 3.75 1.875H13.875V8.625Z" fill="#6D4CFE"/>
|
||||||
|
<path d="M12.75 1.5C14.8211 1.5 16.5 3.17893 16.5 5.25C16.5 7.32107 14.8211 9 12.75 9C10.6789 9 9 7.32107 9 5.25C9 3.17893 10.6789 1.5 12.75 1.5Z" fill="#39C6E9"/>
|
||||||
|
<path d="M12.75 6.375C13.3713 6.375 13.875 5.87132 13.875 5.25C13.875 4.62868 13.3713 4.125 12.75 4.125C12.1287 4.125 11.625 4.62868 11.625 5.25C11.625 5.87132 12.1287 6.375 12.75 6.375Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 818 B |
@ -1,6 +1,6 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.6666 8.66671C13.7712 8.66671 14.6666 9.56214 14.6666 10.6667V12.6667C14.6666 13.7713 13.7712 14.6667 12.6666 14.6667H3.33325C2.22868 14.6667 1.33325 13.7713 1.33325 12.6667V10.6667C1.33325 9.56214 2.22868 8.66671 3.33325 8.66671H12.6666ZM3.33325 10C2.96506 10 2.66659 10.2985 2.66659 10.6667V12.6667C2.66659 13.0349 2.96506 13.3334 3.33325 13.3334H12.6666C13.0348 13.3334 13.3333 13.0349 13.3333 12.6667V10.6667C13.3333 10.2985 13.0348 10 12.6666 10H3.33325Z" fill="currentColor"/>
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.25 9.75C15.4926 9.75 16.5 10.7574 16.5 12V14.25C16.5 15.4926 15.4926 16.5 14.25 16.5H3.75C2.50736 16.5 1.5 15.4926 1.5 14.25V12C1.5 10.7574 2.50736 9.75 3.75 9.75H14.25ZM3.75 11.25C3.33579 11.25 3 11.5858 3 12V14.25C3 14.6642 3.33579 15 3.75 15H14.25C14.6642 15 15 14.6642 15 14.25V12C15 11.5858 14.6642 11.25 14.25 11.25H3.75Z" fill="currentColor"/>
|
||||||
<path d="M11.3333 3.66671C11.8855 3.66671 12.3333 4.11442 12.3333 4.66671C12.3333 5.21899 11.8855 5.66671 11.3333 5.66671C10.781 5.66671 10.3333 5.21899 10.3333 4.66671C10.3333 4.11442 10.781 3.66671 11.3333 3.66671Z" fill="currentColor"/>
|
<path d="M12.75 4.125C13.3713 4.125 13.875 4.62868 13.875 5.25C13.875 5.87132 13.3713 6.375 12.75 6.375C12.1287 6.375 11.625 5.87132 11.625 5.25C11.625 4.62868 12.1287 4.125 12.75 4.125Z" fill="currentColor"/>
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.3333 1.33337C13.1742 1.33337 14.6666 2.82576 14.6666 4.66671C14.6666 6.50766 13.1742 8.00004 11.3333 8.00004C9.4923 8.00004 7.99992 6.50766 7.99992 4.66671C7.99992 2.82576 9.4923 1.33337 11.3333 1.33337ZM11.3333 2.66671C10.2287 2.66671 9.33325 3.56214 9.33325 4.66671C9.33325 5.77128 10.2287 6.66671 11.3333 6.66671C12.4378 6.66671 13.3333 5.77128 13.3333 4.66671C13.3333 3.56214 12.4378 2.66671 11.3333 2.66671Z" fill="currentColor"/>
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.75 1.5C14.8211 1.5 16.5 3.17893 16.5 5.25C16.5 7.32107 14.8211 9 12.75 9C10.6789 9 9 7.32107 9 5.25C9 3.17893 10.6789 1.5 12.75 1.5ZM12.75 3C11.5074 3 10.5 4.00736 10.5 5.25C10.5 6.49264 11.5074 7.5 12.75 7.5C13.9926 7.5 15 6.49264 15 5.25C15 4.00736 13.9926 3 12.75 3Z" fill="currentColor"/>
|
||||||
<path d="M6.66659 1.66671C7.03478 1.66671 7.33325 1.96518 7.33325 2.33337C7.33325 2.70156 7.03478 3.00004 6.66659 3.00004H3.33325C2.96506 3.00004 2.66659 3.29852 2.66659 3.66671V5.66671C2.66659 6.03489 2.96507 6.33337 3.33325 6.33337H6.66659C7.03478 6.33337 7.33325 6.63185 7.33325 7.00004C7.33325 7.36823 7.03478 7.66671 6.66659 7.66671H3.33325C2.22868 7.66671 1.33325 6.77126 1.33325 5.66671V3.66671C1.33325 2.56214 2.22868 1.66671 3.33325 1.66671H6.66659Z" fill="currentColor"/>
|
<path d="M7.5 1.875C7.91421 1.875 8.25 2.21079 8.25 2.625C8.25 3.03921 7.91421 3.375 7.5 3.375H3.75C3.33579 3.375 3 3.71079 3 4.125V6.375C3 6.7892 3.33579 7.125 3.75 7.125H7.5C7.91421 7.125 8.25 7.46079 8.25 7.875C8.25 8.28921 7.91421 8.625 7.5 8.625H3.75C2.50735 8.625 1.5 7.61762 1.5 6.375V4.125C1.5 2.88236 2.50736 1.875 3.75 1.875H7.5Z" fill="currentColor"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.4 KiB |
4
src/assets/svg/svg-managementEnterprise-active.svg
Normal file
4
src/assets/svg/svg-managementEnterprise-active.svg
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
|
||||||
|
<path d="M8.625 16.5C8.625 16.9142 8.28921 17.25 7.875 17.25H3.375C2.96079 17.25 2.625 16.9142 2.625 16.5V8.25C2.625 8.01393 2.73644 7.79179 2.92529 7.65015L8.625 3.375V16.5Z" fill="#39C6E9"/>
|
||||||
|
<path d="M7.52856 0.834838C7.77656 0.705717 8.07585 0.725097 8.30493 0.885375L12.0549 3.51038C12.2554 3.65073 12.375 3.88017 12.375 4.12488V8.55823L15.364 10.2194C15.6021 10.3516 15.75 10.6025 15.75 10.8749V16.4999C15.7499 16.914 15.4142 17.2499 15 17.2499H7.125V1.49988L7.13232 1.39661C7.16541 1.15837 7.31155 0.947913 7.52856 0.834838Z" fill="#6D4CFE"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 656 B |
@ -1,10 +1,3 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
|
||||||
<g clip-path="url(#clip0_1822_2135)">
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.52856 0.834838C7.77656 0.705717 8.07585 0.725097 8.30493 0.885375L12.0549 3.51038C12.2554 3.65073 12.375 3.88017 12.375 4.12488V8.55823L15.364 10.2194C15.6021 10.3516 15.75 10.6025 15.75 10.8749V16.4999C15.7499 16.914 15.4142 17.2499 15 17.2499H3.375C2.96083 17.2499 2.62507 16.914 2.625 16.4999V8.24988C2.625 8.01383 2.73647 7.79167 2.92529 7.65002L7.125 4.49988V1.49988L7.13232 1.39661C7.16541 1.15837 7.31155 0.947913 7.52856 0.834838ZM4.125 8.62415V15.7499H7.125V6.37415L4.125 8.62415ZM8.625 15.7499H14.25V11.3158L11.261 9.6554C11.0229 9.52314 10.8751 9.27219 10.875 8.99988V4.51526L8.625 2.93982V15.7499Z" fill="currentColor"/>
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.69214 0.742281C6.91258 0.627508 7.17861 0.644734 7.38224 0.787203L10.7156 3.12054C10.8938 3.24529 11.0001 3.44924 11.0001 3.66676V7.657L13.0541 9.12444C13.2293 9.24959 13.3334 9.45149 13.3334 9.66676V14.0001H14.6667C15.0349 14.0001 15.3334 14.2986 15.3334 14.6668C15.3334 15.0349 15.0349 15.3334 14.6667 15.3334H1.33341C0.965261 15.3334 0.666807 15.0349 0.666748 14.6668C0.666748 14.2986 0.965225 14.0001 1.33341 14.0001H3.00008V6.66676C3.00008 6.44924 3.1064 6.24529 3.28459 6.12054L6.33341 3.98577V1.33343L6.33992 1.24163C6.36934 1.02986 6.49924 0.842793 6.69214 0.742281ZM4.33341 7.01377V14.0001H6.33341V5.61338L4.33341 7.01377ZM7.66675 14.0001H12.0001V10.0092L9.94604 8.54241C9.77088 8.4173 9.66679 8.21534 9.66675 8.00009V4.01377L7.66675 2.61338V14.0001Z" fill="currentColor"/>
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<clipPath id="clip0_1822_2135">
|
|
||||||
<rect width="16" height="16" fill="white"/>
|
|
||||||
</clipPath>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
</svg>
|
||||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 790 B |
5
src/assets/svg/svg-managementPerson-active.svg
Normal file
5
src/assets/svg/svg-managementPerson-active.svg
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
|
||||||
|
<path d="M9.19082 9.80683H6.14149C3.30767 9.80683 1.00293 12.1138 1.00293 14.9502V15.2554C1.00293 16.7382 3.27081 16.7382 6.14149 16.7382H9.19084C11.9486 16.7382 14.3299 16.7382 14.3299 15.2554V14.9502C14.3299 12.1143 12.0246 9.80683 9.19082 9.80683ZM7.51381 9.41426C9.7578 9.41426 11.5836 7.58587 11.5836 5.338C11.5836 3.09023 9.7578 1.26172 7.51381 1.26172C5.2699 1.26172 3.44395 3.09062 3.44395 5.33809C3.44395 7.58538 5.2699 9.41426 7.51381 9.41426Z" fill="#6D4CFE"/>
|
||||||
|
<rect x="12.75" y="6" width="4.5" height="1.5" rx="0.75" fill="#39C6E9"/>
|
||||||
|
<rect x="14.25" y="9" width="3" height="1.5" rx="0.75" fill="#39C6E9"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 727 B |
@ -1,6 +1,5 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
|
||||||
<path d="M6.66675 2.66663C7.03494 2.66663 7.33341 2.9651 7.33341 3.33329C7.33341 3.70148 7.03494 3.99996 6.66675 3.99996H2.00008V12.6666H14.0001V11.8333C14.0001 11.4651 14.2986 11.1666 14.6667 11.1666C15.0349 11.1666 15.3334 11.4651 15.3334 11.8333V12.6666C15.3334 13.403 14.7365 14 14.0001 14H2.00008C1.26371 14 0.666748 13.403 0.666748 12.6666V3.99996C0.666748 3.26356 1.26371 2.66663 2.00008 2.66663H6.66675Z" fill="currentColor"/>
|
<path d="M6.1416 10.5566H9.19043C11.6093 10.5566 13.5801 12.5279 13.5801 14.9502V15.2559C13.58 15.387 13.5437 15.4508 13.4521 15.5225C13.3221 15.6241 13.0738 15.7337 12.6494 15.8174C11.7979 15.9853 10.5984 15.9883 9.19043 15.9883H6.1416C4.67522 15.9883 3.47825 15.9847 2.64258 15.8174C2.22729 15.7342 1.9932 15.6267 1.87402 15.5303C1.79278 15.4645 1.75301 15.4004 1.75293 15.2559V14.9502C1.75295 12.5273 3.72267 10.5566 6.1416 10.5566ZM7.51367 2.01172C9.3423 2.01172 10.8339 3.50328 10.834 5.33789C10.834 7.17264 9.34235 8.66406 7.51367 8.66406C5.68514 8.66399 4.19434 7.17203 4.19434 5.33789C4.19444 3.50364 5.68523 2.0118 7.51367 2.01172Z" stroke="currentColor" stroke-width="1.5"/>
|
||||||
<path d="M11.3334 9.66663C11.7016 9.66663 12.0001 9.9651 12.0001 10.3333C12.0001 10.7015 11.7016 11 11.3334 11H3.33341C2.96522 11 2.66675 10.7015 2.66675 10.3333C2.66675 9.9651 2.96522 9.66663 3.33341 9.66663H11.3334Z" fill="currentColor"/>
|
<rect x="12.75" y="6" width="4.5" height="1.5" rx="0.75" fill="currentColor"/>
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.3334 2.66663C12.8062 2.66663 14.0001 3.86053 14.0001 5.33329C14.0001 6.04266 13.722 6.68629 13.2703 7.16402C14.107 7.60518 14.8215 8.31147 15.2605 9.16923C15.428 9.49687 15.2983 9.89858 14.9708 10.0664C14.6431 10.2341 14.2414 10.1043 14.0736 9.77665C13.526 8.70664 12.3939 8.0001 11.3334 7.99996C10.7314 7.99999 10.3219 8.08478 10.0027 8.2161C9.68314 8.34763 9.41097 8.54307 9.09839 8.82678C8.82582 9.07418 8.40446 9.05368 8.15698 8.78121C7.90953 8.50858 7.92994 8.08726 8.20255 7.8398C8.52921 7.54331 8.87871 7.27263 9.30802 7.06702C8.90854 6.60077 8.66675 5.99542 8.66675 5.33329C8.66675 3.86053 9.86065 2.66663 11.3334 2.66663ZM11.3334 3.99996C10.597 3.99996 10.0001 4.59691 10.0001 5.33329C10.0001 6.06967 10.597 6.66663 11.3334 6.66663C12.0698 6.66663 12.6667 6.06967 12.6667 5.33329C12.6667 4.59691 12.0698 3.99996 11.3334 3.99996Z" fill="currentColor"/>
|
<rect x="14.25" y="9" width="3" height="1.5" rx="0.75" fill="currentColor"/>
|
||||||
<path d="M6.00008 6.99996C6.36827 6.99996 6.66675 7.29844 6.66675 7.66663C6.66675 8.03482 6.36827 8.33329 6.00008 8.33329H3.33341C2.96522 8.33329 2.66675 8.03482 2.66675 7.66663C2.66675 7.29844 2.96522 6.99996 3.33341 6.99996H6.00008Z" fill="currentColor"/>
|
|
||||||
</svg>
|
</svg>
|
||||||
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 950 B |
@ -70,10 +70,18 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
router.push({ name: targetRoute });
|
router.push({ name: targetRoute });
|
||||||
};
|
};
|
||||||
const renderMenuItem = (item: typeMenuItem, hideLabel = false) => {
|
const renderMenuItem = ({
|
||||||
|
item,
|
||||||
|
hideLabel = false,
|
||||||
|
menuItemClass = '',
|
||||||
|
}: {
|
||||||
|
item: typeMenuItem;
|
||||||
|
hideLabel?: boolean;
|
||||||
|
menuItemClass?: string;
|
||||||
|
}) => {
|
||||||
const getMenuItemClass = () => {
|
const getMenuItemClass = () => {
|
||||||
const hasChildren = item.children?.length;
|
const hasChildren = item.children?.length;
|
||||||
let target = !hasChildren ? 'sub-menu-item ' : '';
|
let target = '';
|
||||||
if (hasChildren) {
|
if (hasChildren) {
|
||||||
target += getCollapseMenuKey(currentRouteName.value) === item.key ? 'active' : '';
|
target += getCollapseMenuKey(currentRouteName.value) === item.key ? 'active' : '';
|
||||||
} else {
|
} else {
|
||||||
@ -83,9 +91,9 @@ export default defineComponent({
|
|||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Menu.Item class={`menu-item ${getMenuItemClass()}`} onClick={() => onClickItem(item)}>
|
<Menu.Item class={`menu-item ${getMenuItemClass()} ${menuItemClass}`} onClick={() => onClickItem(item)}>
|
||||||
{(() => {
|
{(() => {
|
||||||
const isActive = getMenuItemClass() === 'active';
|
const isActive = getMenuItemClass().includes('active');
|
||||||
const iconName = Array.isArray(item.icon)
|
const iconName = Array.isArray(item.icon)
|
||||||
? isActive
|
? isActive
|
||||||
? item.icon[1] ?? item.icon[0]
|
? item.icon[1] ?? item.icon[0]
|
||||||
@ -100,7 +108,7 @@ export default defineComponent({
|
|||||||
const renderMenuList = () => {
|
const renderMenuList = () => {
|
||||||
return currentMenuList.value.map((item) => {
|
return currentMenuList.value.map((item) => {
|
||||||
if (!item.children) {
|
if (!item.children) {
|
||||||
return renderMenuItem(item, collapsed.value);
|
return renderMenuItem({ item, hideLabel: collapsed.value });
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<Dropdown
|
<Dropdown
|
||||||
@ -112,14 +120,14 @@ export default defineComponent({
|
|||||||
return (
|
return (
|
||||||
<div class="p-8px bg-#fff container w-139px">
|
<div class="p-8px bg-#fff container w-139px">
|
||||||
{item.children.map((child) => {
|
{item.children.map((child) => {
|
||||||
return renderMenuItem(child);
|
return renderMenuItem({ item: child, menuItemClass: 'sub-menu-item' });
|
||||||
})}
|
})}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{renderMenuItem(item, collapsed.value)}
|
{renderMenuItem({ item, hideLabel: collapsed.value })}
|
||||||
</Dropdown>
|
</Dropdown>
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
@ -224,14 +232,6 @@ export default defineComponent({
|
|||||||
color: #6d4cfe !important;
|
color: #6d4cfe !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// &.active {
|
|
||||||
// background-color: rgba(109, 76, 254, 0.08);
|
|
||||||
// color: #6d4cfe;
|
|
||||||
// .label,
|
|
||||||
// .svg-icon {
|
|
||||||
// color: #6d4cfe;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -140,14 +140,9 @@ export const MENU_LIST = <Record<string, typeMenuItem[]>>{
|
|||||||
},
|
},
|
||||||
],
|
],
|
||||||
[GROUP_MANAGEMENT_NAME]:[
|
[GROUP_MANAGEMENT_NAME]:[
|
||||||
{
|
|
||||||
key: 'ModManagement',
|
|
||||||
label: '管理中心',
|
|
||||||
icon: ['svg-management', 'svg-management-active'],
|
|
||||||
children: [
|
|
||||||
{
|
{
|
||||||
key: 'ModManagementPerson',
|
key: 'ModManagementPerson',
|
||||||
icon: 'svg-managementPerson',
|
icon: ['svg-managementPerson', 'svg-managementPerson-active'],
|
||||||
label: '个人信息',
|
label: '个人信息',
|
||||||
routeName: 'ManagementPerson',
|
routeName: 'ManagementPerson',
|
||||||
requireLogin: true,
|
requireLogin: true,
|
||||||
@ -157,21 +152,21 @@ export const MENU_LIST = <Record<string, typeMenuItem[]>>{
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
key: 'ModManagementEnterprise',
|
key: 'ModManagementEnterprise',
|
||||||
icon: 'svg-managementEnterprise',
|
icon: ['svg-managementEnterprise', 'svg-managementEnterprise-active'],
|
||||||
label: '企业信息',
|
label: '企业信息',
|
||||||
routeName: 'ManagementEnterprise',
|
routeName: 'ManagementEnterprise',
|
||||||
requireLogin: true,
|
requireLogin: true,
|
||||||
activeMatch: ['ManagementEnterprise'],
|
activeMatch: [
|
||||||
|
'ManagementEnterprise',
|
||||||
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
key: 'ModManagementAccount',
|
key: 'ModManagementAccount',
|
||||||
icon: 'svg-managementAccount',
|
icon: ['svg-managementAccount', 'svg-managementAccount-active'],
|
||||||
label: '账号管理',
|
label: '账号管理',
|
||||||
routeName: 'ManagementAccount',
|
routeName: 'ManagementAccount',
|
||||||
requireLogin: true,
|
requireLogin: true,
|
||||||
activeMatch: ['ManagementAccount'],
|
activeMatch: ['ManagementAccount'],
|
||||||
},
|
},
|
||||||
],
|
|
||||||
}
|
|
||||||
]
|
]
|
||||||
};
|
};
|
||||||
|
|||||||
@ -1,8 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="bg-#fff rounded-8px w-100% py-0 px-20px pb-24px">
|
<div class="bg-#fff rounded-16px w-100% p-36px">
|
||||||
<div class="title-row">
|
<p class="title mb-32px">个人信息</p>
|
||||||
<span class="title">个人信息</span>
|
|
||||||
</div>
|
|
||||||
<a-table :columns="columns" :data="dataSource" :pagination="false" class="mt-8px">
|
<a-table :columns="columns" :data="dataSource" :pagination="false" class="mt-8px">
|
||||||
<template #empty>
|
<template #empty>
|
||||||
<NoData />
|
<NoData />
|
||||||
@ -313,18 +311,12 @@ function getFileExtension(filename: string): string {
|
|||||||
color: var(--Text-2, rgba(60, 64, 67, 1));
|
color: var(--Text-2, rgba(60, 64, 67, 1));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.title-row {
|
.title {
|
||||||
display: flex;
|
|
||||||
height: 64px;
|
|
||||||
padding: 10px 0 2px 0;
|
|
||||||
align-items: center;
|
|
||||||
.title {
|
|
||||||
color: var(--Text-1, #211f24);
|
color: var(--Text-1, #211f24);
|
||||||
font-family: $font-family-medium;
|
font-family: $font-family-medium;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: 400;
|
font-weight: 500;
|
||||||
line-height: 24px; /* 150% */
|
line-height: 26px; /* 150% */
|
||||||
}
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user