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

Jump to bottom

fix(bridge-ui): transaction tab same width as bridge width #8195

Merged
merged 7 commits into from
Jan 10, 2023
Merged

fix(bridge-ui): transaction tab same width as bridge width #8195

Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
9b1d6b9
fix(bridge-ui): transaction tab same width as bridge width
wolfderechter Jan 4, 2023
d0a6337
fix(bridge-ui): transaction tab same min-height as bridge height
wolfderechter Jan 5, 2023
88d5e39
Merge branch 'main' into bridge-width
dionysuzx Jan 5, 2023
9494f4c
fix(bridge-ui): change to min-width for populated data
wolfderechter Jan 5, 2023
3d5d00b
Merge branch 'main' into bridge-width
dionysuzx Jan 6, 2023
73105b6
Merge branch 'main' into bridge-width
dionysuzx Jan 9, 2023
28454bb
Merge branch 'main' into bridge-width
shadab-taiko Jan 10, 2023
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
6 changes: 4 additions & 2 deletions packages/bridge-ui/src/pages/home/Home.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,10 +6,12 @@
import TaikoBanner from "../../components/TaikoBanner.svelte";
import Transactions from "../../components/Transactions.svelte";
let activeTab: string = "bridge";
let bridgeWidth;
let bridgeHeight;
</script>

<div class="container mx-auto max-w-fit text-center my-10">
<div class="rounded-3xl border-2 border-zinc-800 border-solid p-2 md:p-6">
<div class="container mx-auto {activeTab === 'bridge' ? 'max-w-fit' : 'w-fit'} text-center my-10" style="{activeTab === 'bridge' ? '' : 'min-width: '+bridgeWidth+'px;'}" bind:clientWidth={bridgeWidth} bind:clientHeight={bridgeHeight}>
<div class="rounded-3xl border-2 border-zinc-800 border-solid p-2 md:p-6" style="{activeTab === 'bridge' && $transactions.length > 0 ? '' : 'min-height: '+bridgeHeight+'px;'}">
<div class="tabs mb-4">
<span
class="tab tab-bordered {activeTab === 'bridge' ? 'tab-active' : ''}"
Expand Down