Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat/apply style changes #14

Merged
merged 9 commits into from
Nov 3, 2024
Merged

Feat/apply style changes #14

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
bacd0eb
Apply style changes initial commit
DimitarTAtanasov Oct 22, 2024
b64a59b
Add background colors
DimitarTAtanasov Oct 23, 2024
f5a5b77
Apply more styling changes
DimitarTAtanasov Oct 25, 2024
1f4d643
Fix visual issue
DimitarTAtanasov Oct 25, 2024
17bca47
Apply text styles
DimitarTAtanasov Oct 25, 2024
d176add
Add font family
DimitarTAtanasov Oct 25, 2024
4c99656
Fix button disabled state
DimitarTAtanasov Oct 25, 2024
c9fc2af
Change favicon
DimitarTAtanasov Oct 25, 2024
3cdc16c
Remove side menu option
DimitarTAtanasov Oct 28, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions packages/bridge-ui/src/app.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
<!doctype html>
<html lang="en">
<html lang="en" class="bg-custom-primary min-h-screen">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/taiko-favicon.svg" />
<link rel="icon" href="%sveltekit.assets%/puffer-favicon.png" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@100;400;700&display=swap" rel="stylesheet" />
Expand Down
2 changes: 1 addition & 1 deletion packages/bridge-ui/src/components/Card/Card.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
md:border-divider-border
md:glassy-gradient-card
dark:md:dark-glass-background-gradient
light:md:light-glass-background-gradient
md:light-glass-background-gradient
`;

export let title: string = '';
Expand Down
2 changes: 1 addition & 1 deletion packages/bridge-ui/src/components/Dialogs/Stepper/DialogStep.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@

<style>
.step::before {
background-color: rgba(255, 111, 200, 0.2) !important;
background-color: #5653eb !important;
}
.step-primary::before {
background-color: var(--primary-brand) !important;
Expand Down
11 changes: 8 additions & 3 deletions packages/bridge-ui/src/components/Header/Header.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,13 @@
import BridgeTabs from '$components/Bridge/BridgeTabs.svelte';
import { ConnectButton } from '$components/ConnectButton';
import { IconFlipper } from '$components/Icon';
import LogoWithText from '$components/Logo/LogoWithText.svelte';
import LogoWithTextDark from '$components/Logo/LogoWithTextDark.svelte';
import LogoWithTextLight from '$components/Logo/LogoWithTextLight.svelte';
import { drawerToggleId } from '$components/SideNavigation';
import { ThemeButton } from '$components/ThemeButton';
import { account } from '$stores/account';

export let sideBarOpen = false;
import { theme } from '$stores/theme';

const handleSideBarOpen = () => {
sideBarOpen = !sideBarOpen;
Expand Down Expand Up @@ -37,7 +38,11 @@
">
<div class="flex justify-between items-center w-full">
<div class="lg:w-[226px] w-auto">
<LogoWithText class="md:w-[125px] w-[77px]" />
{#if $theme === 'light'}
<LogoWithTextLight />
{:else}
<LogoWithTextDark />
{/if}
</div>

{#if isBridgePage || isTransactionsPage}
Expand Down
29 changes: 0 additions & 29 deletions packages/bridge-ui/src/components/Logo/LogoWithText.svelte
View file
Open in desktop

This file was deleted.

22 changes: 22 additions & 0 deletions packages/bridge-ui/src/components/Logo/LogoWithTextDark.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<script lang="ts">
// Default for dark mode

export let width = 187;
export let height = 57;
</script>

<svg {width} {height} viewBox="0 0 986 301" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M125.74 11.7268C124.804 6.20202 132.582 3.96893 134.72 9.14861L138.888 19.2484C139.017 19.5626 139.116 19.8809 139.187 20.2003C149.182 17.7904 159.251 16.5768 169.222 16.4827C169.211 16.154 169.23 15.8191 169.28 15.4806L170.87 4.69797C171.687 -0.84551 179.775 -0.565682 180.207 5.02103L181.048 15.8878C181.074 16.2302 181.07 16.5667 181.037 16.8952C191.177 17.6996 201.141 19.6546 210.744 22.6768C210.836 22.361 210.957 22.0483 211.109 21.7419L215.963 11.9593C218.453 6.93968 226.059 9.70503 224.743 15.1519L222.18 25.7675C222.1 26.1 221.992 26.4174 221.86 26.7185C231.191 30.5814 240.083 35.4878 248.348 41.3535C248.529 41.0913 248.735 40.8404 248.966 40.6038L256.605 32.7997C260.525 28.7954 266.904 33.7756 263.97 38.5494L258.252 47.853C258.082 48.1293 257.893 48.3852 257.687 48.6203C266.085 55.7707 273.66 64.0091 280.173 73.2282C280.157 72.3403 280.152 71.4585 280.147 70.5919L280.147 70.5873L280.146 70.4338C280.127 66.0128 284.125 62.6145 288.654 61.9811C290.82 61.6939 293.019 62.133 294.908 63.2299C296.797 64.3267 298.268 66.0193 299.092 68.0422C301.67 74.6012 302.106 81.8081 300.336 88.6298C300.191 89.2437 300.022 89.8572 299.829 90.552L299.829 90.5523L299.829 90.5548L299.828 90.5579L299.728 90.9193C299.686 91.0728 299.642 91.2305 299.598 91.3933C306.22 95.1256 311.412 100.955 314.357 107.962C316.723 113.605 314.478 119.368 309.264 121.657C306.577 122.811 303.946 122.507 301.537 121.246C303.667 130.625 304.749 140.059 304.847 149.408C305.126 149.407 305.41 149.427 305.697 149.469L316.478 151.059C322.022 151.876 321.742 159.964 316.155 160.396L305.289 161.237C305.003 161.259 304.721 161.26 304.445 161.24C303.648 171.394 301.698 181.372 298.678 190.989C298.934 191.073 299.187 191.176 299.436 191.299L309.217 196.152C314.236 198.643 311.471 206.248 306.024 204.933L295.41 202.37C295.142 202.305 294.884 202.223 294.636 202.124C290.772 211.47 285.861 220.377 279.987 228.655C280.191 228.807 280.387 228.974 280.573 229.157L288.376 236.795C292.381 240.714 287.401 247.093 282.627 244.159L273.325 238.442C273.108 238.308 272.903 238.163 272.712 238.007C266.203 245.652 258.792 252.616 250.56 258.717C250.7 258.917 250.829 259.129 250.946 259.352L255.997 269.008C258.594 273.973 251.886 278.5 248.253 274.235L241.187 265.939C241.022 265.746 240.874 265.546 240.74 265.34C233.785 269.595 226.342 273.274 218.45 276.29C216.724 276.95 214.992 277.571 213.256 278.156C213.326 278.386 213.382 278.624 213.423 278.868L215.247 289.638C216.183 295.163 208.405 297.396 206.267 292.217L202.1 282.118C202.007 281.894 201.93 281.668 201.868 281.441C191.851 283.859 181.76 285.076 171.767 285.169C171.762 285.406 171.742 285.645 171.707 285.887L170.117 296.667C169.3 302.211 161.212 301.931 160.78 296.344L159.939 285.48C159.92 285.234 159.917 284.991 159.929 284.752C149.768 283.943 139.783 281.977 130.163 278.941C130.083 279.172 129.988 279.4 129.876 279.625L125.024 289.406C122.534 294.426 114.928 291.66 116.243 286.213L118.806 275.6C118.866 275.352 118.941 275.112 119.03 274.882C109.687 271.003 100.784 266.077 92.5117 260.189C92.3628 260.388 92.1986 260.58 92.0192 260.763L84.3816 268.566C80.4619 272.57 74.0834 267.59 77.0174 262.816L82.7343 253.514C82.8683 253.296 83.0143 253.091 83.1709 252.899C75.5381 246.379 68.5875 238.96 62.4998 230.72C62.288 230.872 62.0627 231.011 61.8245 231.135L52.1683 236.186C47.2031 238.783 42.6757 232.075 46.9413 228.442L55.2369 221.376C55.4472 221.196 55.6664 221.036 55.8926 220.893C52.5605 215.429 49.5834 209.664 47.0038 203.618L28.6899 227.896C26.2623 231.114 21.528 231.458 18.9927 228.324C1.63737 206.87 -0.507481 178.497 1.19372 161.162C1.60277 156.993 5.96664 154.695 9.82549 156.323L37.2532 167.894C36.5669 162.571 36.2075 157.25 36.1636 151.957C35.8763 151.959 35.5846 151.94 35.2902 151.896L24.5089 150.306C18.9654 149.489 19.2452 141.401 24.832 140.969L35.6974 140.128C36.0001 140.105 36.2984 140.106 36.5904 140.129C37.4078 129.983 39.3769 120.015 42.4143 110.41C42.1232 110.321 41.8349 110.207 41.5519 110.066L31.7701 105.213C26.7506 102.723 29.5159 95.1174 34.9628 96.4326L45.5775 98.9957C45.89 99.0711 46.1892 99.1708 46.4741 99.2921C50.351 89.965 55.2714 81.0778 61.151 72.819C60.8935 72.6403 60.647 72.4372 60.4144 72.2095L52.6106 64.5707C48.6062 60.651 53.5864 54.2724 58.3603 57.2065L67.6635 62.9243C67.9404 63.0944 68.1967 63.284 68.4321 63.4902C74.9411 55.8688 82.3478 48.9275 90.5719 42.8464C90.3752 42.59 90.1974 42.3127 90.0417 42.0151L84.9902 32.3575C82.3931 27.3922 89.1007 22.8648 92.7342 27.1305L99.8016 35.4273C100.023 35.6873 100.216 35.9608 100.382 36.2445C107.306 32.0178 114.712 28.3612 122.562 25.3613C124.31 24.6937 126.062 24.0649 127.819 23.4747C127.707 23.1641 127.621 22.8388 127.564 22.5004L125.74 11.7268ZM62.4574 192.114C85.2611 251.789 152.123 281.679 211.797 258.876C270.909 236.287 300.795 170.465 279.186 111.222C272.019 117.242 263.42 122.696 253.419 126.361C230.977 134.587 213.843 138.17 199.382 139.587C182.94 162.197 154.985 171.63 141.46 173.572L143.184 139.714C134.377 140.081 124.914 141.241 113.848 144.084C93.0634 149.423 73.7036 158.132 56.1317 168.244C57.3586 176.247 59.4497 184.243 62.4574 192.114ZM91.9372 195.027C86.3957 196.013 81.104 192.32 80.1179 186.779C79.1318 181.237 82.8246 175.946 88.3661 174.96C93.9076 173.973 99.1992 177.666 100.185 183.208C101.172 188.749 97.4787 194.041 91.9372 195.027ZM138.92 196.261C135.304 196.905 131.85 194.494 131.206 190.878C130.563 187.261 132.973 183.807 136.59 183.164C140.206 182.52 143.66 184.93 144.304 188.547C144.947 192.164 142.537 195.617 138.92 196.261ZM198.583 193.927C194.966 194.571 191.512 192.16 190.869 188.544C190.225 184.927 192.635 181.473 196.252 180.83C199.869 180.186 203.322 182.596 203.966 186.213C204.61 189.83 202.199 193.283 198.583 193.927ZM211.006 225.79C211.65 229.407 215.104 231.817 218.72 231.173C222.337 230.53 224.747 227.076 224.104 223.459C223.46 219.842 220.006 217.432 216.39 218.076C212.773 218.719 210.363 222.173 211.006 225.79ZM141.284 242.027C137.667 242.67 134.213 240.26 133.57 236.643C132.926 233.027 135.336 229.573 138.953 228.929C142.57 228.286 146.023 230.696 146.667 234.313C147.311 237.929 144.9 241.383 141.284 242.027ZM105.387 213.913C106.03 217.53 109.484 219.94 113.101 219.296C116.717 218.653 119.128 215.199 118.484 211.582C117.84 207.965 114.387 205.555 110.77 206.199C107.153 206.842 104.743 210.296 105.387 213.913ZM170.332 216.056C166.715 216.7 163.261 214.289 162.618 210.673C161.974 207.056 164.384 203.602 168.001 202.958C171.618 202.315 175.071 204.725 175.715 208.342C176.359 211.959 173.949 215.412 170.332 216.056ZM227.112 188.847C228.098 194.389 233.39 198.082 238.931 197.096C244.473 196.109 248.165 190.818 247.179 185.276C246.193 179.735 240.901 176.042 235.36 177.028C229.818 178.014 226.126 183.306 227.112 188.847ZM170.064 240.504C171.051 246.045 176.342 249.738 181.884 248.752C187.425 247.766 191.118 242.474 190.132 236.932C189.146 231.391 183.854 227.698 178.313 228.684C172.771 229.67 169.078 234.962 170.064 240.504ZM247.989 84.1262C250.029 93.0877 244.739 101.933 236.175 103.882C227.61 105.831 219.014 100.147 216.974 91.1853C214.935 82.2238 220.224 73.3788 228.788 71.4295C237.353 69.4802 245.949 75.1647 247.989 84.1262Z"
fill="white" />
<path
d="M236.824 96.0955C240.682 95.2176 242.987 90.8976 241.974 86.4465C240.961 81.9954 237.013 79.0988 233.156 79.9768C229.298 80.8547 226.993 85.1747 228.006 89.6258C229.019 94.0768 232.967 96.9734 236.824 96.0955Z"
fill="white" />
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M719.509 90.5721C719.51 57.4955 746.331 30.6817 779.418 30.6816V59.9359C762.493 59.9359 748.772 73.6522 748.772 90.5721V90.5735H779.417V119.828H748.772V210.354H719.509V90.5721ZM706.355 31.5507H706.354C673.268 31.5507 646.446 58.3636 646.445 91.4394H646.444V211.221H675.707V91.4412H675.708C675.708 74.5213 689.429 60.805 706.354 60.805H706.355V31.5507ZM440.402 181.966C457.327 181.966 471.048 168.25 471.048 151.33C471.048 134.41 457.327 120.693 440.402 120.693C423.477 120.693 409.757 134.41 409.757 151.33C409.757 168.25 423.477 181.966 440.402 181.966ZM440.402 211.22C429.204 211.22 418.723 208.149 409.757 202.802V270.682H380.494V151.33C380.494 118.253 407.316 91.4392 440.402 91.4392C473.489 91.4392 500.311 118.253 500.311 151.33C500.311 184.406 473.489 211.22 440.402 211.22ZM633.284 91.4392H604.021V151.329C604.02 168.248 590.301 181.964 573.376 181.964C556.451 181.964 542.731 168.248 542.731 151.329V151.328V151.327V91.4393H513.468V151.327V151.328V151.329C513.468 184.405 540.29 211.218 573.376 211.218C606.462 211.218 633.284 184.404 633.284 151.328V151.327L633.284 91.4392ZM675.708 91.4412L675.709 120.695H706.354V91.4405L675.708 91.4412ZM899.081 112.818C904.573 119.612 908.474 127.476 910.58 135.835L912.392 149.937C912.394 150.111 912.394 150.286 912.394 150.461L912.395 150.463C912.394 155.508 911.77 160.408 910.595 165.089H898.697V165.091H825.55C830.743 174.629 840.858 181.102 852.485 181.102C860.285 181.102 867.405 178.189 872.815 173.392L892.223 195.283C881.966 204.371 868.902 209.668 855.211 210.291C841.52 210.915 828.029 206.826 816.989 198.707C805.949 190.589 798.026 178.932 794.544 165.68C791.062 152.428 792.23 138.384 797.853 125.889C803.477 113.394 813.216 103.205 825.446 97.0202C837.675 90.8359 851.656 89.0306 865.057 91.9055C878.457 94.7804 890.466 102.162 899.081 112.818ZM825.55 135.837C830.743 126.299 840.858 119.826 852.485 119.826C864.113 119.826 874.227 126.299 879.421 135.837H825.55ZM954.812 151.325C954.812 134.438 968.48 120.742 985.359 120.689V91.435C952.318 91.4882 925.549 118.282 925.549 151.325V151.326L954.812 151.326V151.325ZM925.549 211.218H954.812V151.328L925.549 151.328V211.218Z"
fill="white" />
</svg>
Loading
Loading