yujunjun/datahub
2
0
Fork 0
mirror of https://github.com/datahub-project/datahub.git synced 2025-08-16 05:02:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

updated nav logo (#13308)

Browse Source
This commit is contained in:
Anna Everhart 2025-04-24 08:47:36 -07:00 committed by GitHub
parent 0ce24e3199
commit 03025b67b5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 23 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
datahub-web-react/src/app/homeV2/layout/navBarRedesign/NavBarHeader.tsx
View File

@ -4,7 +4,8 @@ import styled from 'styled-components';
import { useNavBarContext } from '@app/homeV2/layout/navBarRedesign/NavBarContext';
import NavBarToggler from '@app/homeV2/layout/navBarRedesign/NavBarToggler';
import { Pill, colors } from '@src/alchemy-components';
import DatahubCoreLogo from '@images/datahub_core.svg?react';
const Container = styled.div`
display: flex;
@ -36,19 +37,6 @@ const Logotype = styled.div`
}
`;
const Title = styled.div`
color: ${colors.gray[1700]};
font-style: normal;
font: 700 16px Mulish;
text-wrap: nowrap;
white-space: nowrap;
overflow: hidden;
max-width: calc(100% - 30px);
text-overflow: ellipsis;
display: flex;
align-items: end;
`;
const StyledLink = styled(Link)`
display: flex;
height: 40px;
@ -69,8 +57,7 @@ export default function NavBarHeader({ logotype }: Props) {
<Container>
<StyledLink to="/">
<Logotype>{logotype}</Logotype>
{!isCollapsed ? <Title>DataHub</Title> : null}
{!isCollapsed && <Pill label="Core" variant="filled" color="gray" size="sm" />}
{!isCollapsed && <DatahubCoreLogo />}
</StyledLink>
{!isCollapsed && <NavBarToggler />}
</Container>

20
datahub-web-react/src/images/datahub_core.svg Normal file
View File

@ -0,0 +1,20 @@
<svg width="120" height="80" viewBox="0 0 357 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M185.396 58.0609C182.775 58.0609 180.578 57.4435 178.803 56.2088C177.028 54.974 175.693 53.2948 174.797 51.1711C173.902 49.0309 173.454 46.6355 173.454 43.9849C173.454 41.3014 173.902 38.8978 174.797 36.7741C175.693 34.6504 177.003 32.9794 178.728 31.7611C180.47 30.5264 182.618 29.909 185.172 29.909C187.71 29.909 189.908 30.5264 191.765 31.7611C193.64 32.9794 195.091 34.6504 196.12 36.7741C197.148 38.8814 197.662 41.285 197.662 43.9849C197.662 46.6519 197.156 49.0473 196.144 51.1711C195.133 53.2948 193.706 54.974 191.865 56.2088C190.024 57.4435 187.868 58.0609 185.396 58.0609ZM172.434 57.32V21.7598H178.479V38.6015H177.733V57.32H172.434ZM184.476 52.7268C186.035 52.7268 187.32 52.3399 188.332 51.5662C189.344 50.7924 190.09 49.747 190.571 48.43C191.069 47.0964 191.318 45.6148 191.318 43.9849C191.318 42.3715 191.069 40.9063 190.571 39.5893C190.074 38.2558 189.302 37.2021 188.257 36.4284C187.212 35.6381 185.885 35.243 184.277 35.243C182.751 35.243 181.507 35.6134 180.545 36.3543C179.583 37.0787 178.869 38.0994 178.405 39.4164C177.957 40.717 177.733 42.2398 177.733 43.9849C177.733 45.7135 177.957 47.2364 178.405 48.5534C178.869 49.8705 179.591 50.8994 180.569 51.6403C181.565 52.3646 182.867 52.7268 184.476 52.7268Z" fill="#484C5C"/>
<path d="M152.786 58.0841C150.796 58.0841 149.153 57.7549 147.86 57.0964C146.566 56.4378 145.538 55.5982 144.775 54.5775C144.012 53.5568 143.448 52.4702 143.083 51.3178C142.718 50.1654 142.477 49.0788 142.361 48.0581C142.262 47.021 142.212 46.1813 142.212 45.5393V30.6484H148.283V43.4896C148.283 44.3128 148.341 45.243 148.457 46.2801C148.573 47.3008 148.838 48.2886 149.253 49.2435C149.684 50.1819 150.315 50.9556 151.144 51.5648C151.99 52.1739 153.126 52.4785 154.552 52.4785C155.315 52.4785 156.07 52.355 156.817 52.1081C157.563 51.8611 158.235 51.4413 158.832 50.8486C159.446 50.2395 159.935 49.4081 160.3 48.3545C160.665 47.3008 160.847 45.9673 160.847 44.3539L164.405 45.8603C164.405 48.1322 163.957 50.1901 163.061 52.034C162.182 53.8778 160.88 55.3513 159.155 56.4543C157.43 57.5409 155.307 58.0841 152.786 58.0841ZM161.569 57.3186V49.0459H160.847V30.6484H166.868V57.3186H161.569Z" fill="#484C5C"/>
<path d="M108.186 57.32V21.7598H114.182V36.7247H131.15V21.7598H137.121V57.32H131.15V42.3057H114.182V57.32H108.186Z" fill="#484C5C"/>
<path d="M88.409 58.0601C86.4683 58.0601 84.8262 57.6979 83.4827 56.9735C82.1392 56.2327 81.1191 55.2531 80.4224 54.0348C79.7424 52.8166 79.4023 51.4748 79.4023 50.0096C79.4023 48.7255 79.618 47.5731 80.0492 46.5524C80.4805 45.5152 81.144 44.6262 82.0396 43.8854C82.9353 43.1281 84.0964 42.5107 85.5229 42.0333C86.601 41.6875 87.8616 41.3747 89.3047 41.0949C90.7643 40.815 92.34 40.5598 94.0319 40.3293C95.7403 40.0824 97.5234 39.819 99.3811 39.5391L97.2414 40.7491C97.258 38.9053 96.8433 37.5471 95.9974 36.6745C95.1515 35.802 93.725 35.3657 91.718 35.3657C90.5072 35.3657 89.3378 35.6456 88.2099 36.2053C87.082 36.7651 86.2941 37.7282 85.8463 39.0946L80.3727 37.3907C81.0361 35.1352 82.2967 33.3243 84.1545 31.9579C86.0288 30.5914 88.5499 29.9082 91.718 29.9082C94.1065 29.9082 96.2047 30.2951 98.0127 31.0688C99.8372 31.8426 101.189 33.1103 102.068 34.8718C102.549 35.8102 102.839 36.7733 102.939 37.7611C103.038 38.7324 103.088 39.7943 103.088 40.9467V57.3192H97.8385V51.5407L98.7094 52.4791C97.4985 54.4053 96.0803 55.8211 94.4548 56.7266C92.8459 57.6156 90.8306 58.0601 88.409 58.0601ZM89.6032 53.3187C90.9633 53.3187 92.1244 53.08 93.0864 52.6026C94.0485 52.1251 94.8115 51.5407 95.3754 50.8492C95.9559 50.1578 96.3457 49.5075 96.5448 48.8984C96.8599 48.1411 97.0341 47.2768 97.0673 46.3054C97.117 45.3176 97.1419 44.5192 97.1419 43.9101L98.983 44.4533C97.1751 44.7332 95.6242 44.9801 94.3304 45.1942C93.0367 45.4082 91.9254 45.614 90.9965 45.8115C90.0676 45.9926 89.2466 46.1984 88.5334 46.4289C87.8367 46.6758 87.2479 46.964 86.7669 47.2932C86.2859 47.6225 85.9127 48.0011 85.6473 48.4292C85.3985 48.8572 85.2741 49.3593 85.2741 49.9355C85.2741 50.5941 85.4399 51.1785 85.7717 51.6889C86.1034 52.1827 86.5844 52.5779 87.2147 52.8742C87.8616 53.1705 88.6578 53.3187 89.6032 53.3187Z" fill="#484C5C"/>
<path d="M76.4984 57.3208C74.7236 57.65 72.982 57.79 71.2736 57.7406C69.5817 57.7076 68.0641 57.4031 66.7205 56.8269C65.377 56.2342 64.3569 55.304 63.6603 54.0364C63.0466 52.884 62.7231 51.7068 62.6899 50.505C62.6568 49.3032 62.6402 47.945 62.6402 46.4304V23.2422H68.6114V46.0847C68.6114 47.1548 68.6197 48.0932 68.6363 48.8999C68.6695 49.7066 68.8436 50.3651 69.1588 50.8755C69.7559 51.8632 70.7096 52.4148 72.02 52.53C73.3303 52.6452 74.8232 52.5794 76.4984 52.3324V57.3208ZM57.7637 35.3179V30.6506H76.4984V35.3179H57.7637Z" fill="#484C5C"/>
<path d="M40.9754 58.0601C39.0347 58.0601 37.3926 57.6979 36.0491 56.9735C34.7056 56.2327 33.6855 55.2531 32.9888 54.0348C32.3088 52.8166 31.9688 51.4748 31.9688 50.0096C31.9688 48.7255 32.1844 47.5731 32.6156 46.5524C33.0469 45.5152 33.7104 44.6262 34.606 43.8854C35.5017 43.1281 36.6628 42.5107 38.0893 42.0333C39.1674 41.6875 40.428 41.3747 41.8711 41.0949C43.3307 40.815 44.9064 40.5598 46.5983 40.3293C48.3067 40.0824 50.0898 39.819 51.9475 39.5391L49.8078 40.7491C49.8244 38.9053 49.4097 37.5471 48.5638 36.6745C47.7179 35.802 46.2914 35.3657 44.2844 35.3657C43.0736 35.3657 41.9042 35.6456 40.7763 36.2053C39.6484 36.7651 38.8606 37.7282 38.4127 39.0946L32.9391 37.3907C33.6025 35.1352 34.8631 33.3243 36.7209 31.9579C38.5952 30.5914 41.1164 29.9082 44.2844 29.9082C46.6729 29.9082 48.7711 30.2951 50.5791 31.0688C52.4036 31.8426 53.7555 33.1103 54.6346 34.8718C55.1156 35.8102 55.4059 36.7733 55.5054 37.7611C55.6049 38.7324 55.6547 39.7943 55.6547 40.9467V57.3192H50.4049V51.5407L51.2758 52.4791C50.0649 54.4053 48.6467 55.8211 47.0212 56.7266C45.4123 57.6156 43.397 58.0601 40.9754 58.0601ZM42.1696 53.3187C43.5297 53.3187 44.6908 53.08 45.6528 52.6026C46.6149 52.1251 47.3779 51.5407 47.9418 50.8492C48.5223 50.1578 48.9121 49.5075 49.1112 48.8984C49.4263 48.1411 49.6005 47.2768 49.6337 46.3054C49.6834 45.3176 49.7083 44.5192 49.7083 43.9101L51.5494 44.4533C49.7415 44.7332 48.1906 44.9801 46.8968 45.1942C45.6031 45.4082 44.4918 45.614 43.5629 45.8115C42.634 45.9926 41.813 46.1984 41.0998 46.4289C40.4031 46.6758 39.8143 46.964 39.3333 47.2932C38.8523 47.6225 38.4791 48.0011 38.2137 48.4292C37.9649 48.8572 37.8405 49.3593 37.8405 49.9355C37.8405 50.5941 38.0063 51.1785 38.3381 51.6889C38.6698 52.1827 39.1508 52.5779 39.7811 52.8742C40.428 53.1705 41.2242 53.3187 42.1696 53.3187Z" fill="#484C5C"/>
<path d="M0 57.32V21.7598H11.42C11.7186 21.7598 12.3074 21.768 13.1865 21.7845C14.0822 21.8009 14.9447 21.8585 15.774 21.9573C18.6104 22.3195 21.0071 23.3238 22.9644 24.9701C24.9382 26.5999 26.431 28.6825 27.4428 31.2178C28.4546 33.7531 28.9605 36.5271 28.9605 39.5399C28.9605 42.5526 28.4546 45.3267 27.4428 47.862C26.431 50.3973 24.9382 52.4881 22.9644 54.1344C21.0071 55.7643 18.6104 56.7603 15.774 57.1225C14.9613 57.2212 14.107 57.2788 13.2114 57.2953C12.3157 57.3118 11.7186 57.32 11.42 57.32H0ZM6.09564 51.7143H11.42C11.9176 51.7143 12.5479 51.6979 13.3109 51.6649C14.0905 51.632 14.7788 51.5579 15.3759 51.4427C17.0678 51.1299 18.4445 50.3808 19.506 49.1955C20.5676 48.0101 21.3472 46.5696 21.8448 44.8739C22.359 43.1782 22.6161 41.4002 22.6161 39.5399C22.6161 37.6137 22.359 35.8028 21.8448 34.1071C21.3306 32.4114 20.5344 30.9873 19.4563 29.8349C18.3947 28.6825 17.0346 27.9499 15.3759 27.6371C14.7788 27.5054 14.0905 27.4313 13.3109 27.4148C12.5479 27.3819 11.9176 27.3654 11.42 27.3654H6.09564V51.7143Z" fill="#484C5C"/>
<rect x="211.662" width="144.45" height="79.8425" rx="8.84437" fill="url(#paint0_linear_590_382)"/>
<path d="M325.224 57.8419C322.58 57.8419 320.246 57.2763 318.223 56.1453C316.215 54.9984 314.638 53.4293 313.491 51.438C312.36 49.4308 311.795 47.1369 311.795 44.5562C311.795 41.7366 312.352 39.2834 313.468 37.1966C314.583 35.1098 316.12 33.4929 318.079 32.3459C320.039 31.183 322.293 30.6016 324.842 30.6016C327.55 30.6016 329.852 31.2388 331.747 32.5132C333.643 33.7876 335.045 35.5797 335.953 37.8895C336.861 40.1994 337.179 42.9155 336.909 46.0377H330.481V43.6482C330.481 41.0198 330.059 39.1321 329.214 37.9851C328.386 36.8222 327.024 36.2408 325.128 36.2408C322.914 36.2408 321.281 36.9178 320.23 38.2719C319.194 39.61 318.677 41.5933 318.677 44.2217C318.677 46.6271 319.194 48.491 320.23 49.8131C321.281 51.1194 322.818 51.7725 324.842 51.7725C326.116 51.7725 327.207 51.4938 328.115 50.9362C329.023 50.3787 329.716 49.5742 330.194 48.5228L336.694 50.3866C335.722 52.7443 334.185 54.5762 332.082 55.8825C329.995 57.1887 327.709 57.8419 325.224 57.8419ZM316.67 46.0377V41.2109H333.778V46.0377H316.67Z" fill="white"/>
<path d="M295.435 57.125V31.3184H301.169V37.6267L300.548 36.8143C300.883 35.9222 301.329 35.1098 301.886 34.377C302.444 33.6442 303.129 33.0389 303.941 32.561C304.562 32.1787 305.239 31.884 305.972 31.6769C306.705 31.4538 307.462 31.3184 308.242 31.2707C309.023 31.2069 309.803 31.2229 310.584 31.3184V37.3878C309.867 37.1648 309.031 37.0931 308.075 37.1727C307.135 37.2364 306.283 37.4515 305.518 37.8179C304.754 38.1683 304.108 38.6383 303.583 39.2277C303.057 39.8012 302.659 40.4862 302.388 41.2827C302.117 42.0632 301.982 42.9473 301.982 43.935V57.125H295.435Z" fill="white"/>
<path d="M278.519 57.8419C275.923 57.8419 273.645 57.2604 271.685 56.0975C269.726 54.9346 268.197 53.3337 267.098 51.2946C266.014 49.2397 265.473 46.882 265.473 44.2217C265.473 41.5295 266.03 39.1639 267.145 37.1249C268.26 35.0699 269.798 33.469 271.757 32.322C273.716 31.175 275.971 30.6016 278.519 30.6016C281.116 30.6016 283.394 31.183 285.353 32.3459C287.329 33.5088 288.866 35.1177 289.965 37.1727C291.064 39.2117 291.614 41.5614 291.614 44.2217C291.614 46.898 291.056 49.2636 289.941 51.3185C288.842 53.3576 287.305 54.9585 285.329 56.1214C283.37 57.2684 281.1 57.8419 278.519 57.8419ZM278.519 51.7725C280.606 51.7725 282.159 51.0716 283.179 49.6698C284.214 48.252 284.732 46.436 284.732 44.2217C284.732 41.9278 284.206 40.0958 283.155 38.7259C282.12 37.3559 280.574 36.6709 278.519 36.6709C277.102 36.6709 275.939 36.9895 275.031 37.6267C274.123 38.2639 273.446 39.148 273 40.279C272.569 41.4101 272.354 42.7243 272.354 44.2217C272.354 46.5316 272.872 48.3715 273.908 49.7415C274.959 51.0955 276.496 51.7725 278.519 51.7725Z" fill="white"/>
<path d="M247.451 57.8425C244.01 57.8425 241.039 57.0938 238.538 55.5964C236.053 54.0989 234.134 52.0042 232.78 49.312C231.442 46.6198 230.772 43.4896 230.772 39.9213C230.772 36.3529 231.442 33.2227 232.78 30.5305C234.134 27.8383 236.053 25.7435 238.538 24.2461C241.039 22.7487 244.01 22 247.451 22C251.402 22 254.715 22.9797 257.391 24.9391C260.084 26.8985 261.979 29.5508 263.079 32.8961L256.531 34.7121C255.894 32.6253 254.819 31.0084 253.305 29.8615C251.792 28.6986 249.841 28.1171 247.451 28.1171C245.269 28.1171 243.445 28.603 241.979 29.5747C240.53 30.5464 239.438 31.9164 238.706 33.6847C237.973 35.4529 237.606 37.5318 237.606 39.9213C237.606 42.3108 237.973 44.3896 238.706 46.1578C239.438 47.9261 240.53 49.2961 241.979 50.2678C243.445 51.2395 245.269 51.7254 247.451 51.7254C249.841 51.7254 251.792 51.1439 253.305 49.981C254.819 48.8182 255.894 47.2013 256.531 45.1304L263.079 46.9464C261.979 50.2917 260.084 52.944 257.391 54.9034C254.715 56.8628 251.402 57.8425 247.451 57.8425Z" fill="white"/>
<defs>
<linearGradient id="paint0_linear_590_382" x1="283.887" y1="0" x2="283.887" y2="79.8425" gradientUnits="userSpaceOnUse">
<stop stop-color="#8088A3"/>
<stop offset="1" stop-color="#A3A7B9"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB