Skip to content
This repository has been archived by the owner on Oct 4, 2024. It is now read-only.

Commit

Permalink
Fix dropdown class and blue underline (#74)
Browse files Browse the repository at this point in the history
  • Loading branch information
@fkrause98
fkrause98 authored Jul 31, 2023
1 parent ecfa137 commit acaddd7
Show file tree
Hide file tree
Showing 5 changed files with 20 additions and 20 deletions.
2 changes: 1 addition & 1 deletion assets/css/app.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -161,5 +161,5 @@ main .options {
@apply bg-black/20 lg:bg-transparent lg:flex lg:flex-row mt-2 lg:mt-0 mb-10 lg:mb-0;
}
main .option {
@apply border-b border-b-gray-800 py-3 px-3 transition-all duration-300;
@apply border-b border-b-gray-800 py-3 px-3 transition-all duration-300;
}
8 changes: 4 additions & 4 deletions lib/starknet_explorer_web/live/class_live.ex
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,31 +29,31 @@ defmodule StarknetExplorerWeb.ClassDetailLive do
</div>
<div class="options hidden">
<div
class={"option #{if assigns.view == "overview", do: "lg:border-b-se-blue", else: "lg:border-b-transparent"}"}
class={"option #{if assigns.view == "overview", do: "lg:!border-b-se-blue", else: "lg:border-b-transparent"}"}
phx-click="select-view"
,
phx-value-view="overview"
>
Overview
</div>
<div
class={"option #{if assigns.view == "deployed-contracts", do: "lg:border-b-se-blue", else: "lg:border-b-transparent"}"}
class={"option #{if assigns.view == "deployed-contracts", do: "lg:!border-b-se-blue", else: "lg:border-b-transparent"}"}
phx-click="select-view"
,
phx-value-view="deployed-contracts"
>
Deployed Contracts
</div>
<div
class={"option #{if assigns.view == "proxied-contracts", do: "lg:border-b-se-blue", else: "lg:border-b-transparent"}"}
class={"option #{if assigns.view == "proxied-contracts", do: "lg:!border-b-se-blue", else: "lg:border-b-transparent"}"}
phx-click="select-view"
,
phx-value-view="proxied-contracts"
>
Proxied Contracts
</div>
<div
class={"option #{if assigns.view == "code", do: "lg:border-b-se-blue", else: "lg:border-b-transparent"}"}
class={"option #{if assigns.view == "code", do: "lg:!border-b-se-blue", else: "lg:border-b-transparent"}"}
phx-click="select-view"
,
phx-value-view="code"
Expand Down
18 changes: 9 additions & 9 deletions lib/starknet_explorer_web/live/contract_live.ex
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,71 +26,71 @@ defmodule StarknetExplorerWeb.ContractDetailLive do
</div>
<div class="options hidden">
<div
class={"option #{if assigns.view == "overview", do: "lg:border-b-se-blue", else: "lg:border-b-transparent"}"}
class={"option #{if assigns.view == "overview", do: "lg:!border-b-se-blue", else: "lg:border-b-transparent"}"}
phx-click="select-view"
,
phx-value-view="overview"
>
Overview
</div>
<div
class={"option #{if assigns.view == "transactions", do: "lg:border-b-se-blue", else: "lg:border-b-transparent"}"}
class={"option #{if assigns.view == "transactions", do: "lg:!border-b-se-blue", else: "lg:border-b-transparent"}"}
phx-click="select-view"
,
phx-value-view="transactions"
>
Transactions
</div>
<div
class={"option #{if assigns.view == "events", do: "lg:border-b-se-blue", else: "lg:border-b-transparent"}"}
class={"option #{if assigns.view == "events", do: "lg:!border-b-se-blue", else: "lg:border-b-transparent"}"}
phx-click="select-view"
,
phx-value-view="events"
>
Events
</div>
<div
class={"option #{if assigns.view == "account-calls", do: "lg:border-b-se-blue", else: "lg:border-b-transparent"}"}
class={"option #{if assigns.view == "account-calls", do: "lg:!border-b-se-blue", else: "lg:border-b-transparent"}"}
phx-click="select-view"
,
phx-value-view="account-calls"
>
Account Calls
</div>
<div
class={"option #{if assigns.view == "message-logs", do: "lg:border-b-se-blue", else: "lg:border-b-transparent"}"}
class={"option #{if assigns.view == "message-logs", do: "lg:!border-b-se-blue", else: "lg:border-b-transparent"}"}
phx-click="select-view"
,
phx-value-view="message-logs"
>
Message Logs
</div>
<div
class={"option #{if assigns.view == "portfolio", do: "lg:border-b-se-blue", else: "lg:border-b-transparent"}"}
class={"option #{if assigns.view == "portfolio", do: "lg:!border-b-se-blue", else: "lg:border-b-transparent"}"}
phx-click="select-view"
,
phx-value-view="portfolio"
>
Portfolio
</div>
<div
class={"option #{if assigns.view == "class-code-history", do: "lg:border-b-se-blue", else: "lg:border-b-transparent"}"}
class={"option #{if assigns.view == "class-code-history", do: "lg:!border-b-se-blue", else: "lg:border-b-transparent"}"}
phx-click="select-view"
,
phx-value-view="class-code-history"
>
Class Code/History
</div>
<div
class={"option #{if assigns.view == "read-write-contract", do: "lg:border-b-se-blue", else: "lg:border-b-transparent"}"}
class={"option #{if assigns.view == "read-write-contract", do: "lg:!border-b-se-blue", else: "lg:border-b-transparent"}"}
phx-click="select-view"
,
phx-value-view="read-write-contract"
>
Read/Write Contract
</div>
<div
class={"option #{if assigns.view == "token-transfers", do: "lg:border-b-se-blue", else: "lg:border-b-transparent"}"}
class={"option #{if assigns.view == "token-transfers", do: "lg:!border-b-se-blue", else: "lg:border-b-transparent"}"}
phx-click="select-view"
,
phx-value-view="token-transfers"
Expand Down
4 changes: 2 additions & 2 deletions lib/starknet_explorer_web/live/pages/block_detail.ex
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,15 +49,15 @@ defmodule StarknetExplorerWeb.BlockDetailLive do
</div>
<div class="options hidden">
<div
class={"option #{if assigns.view == "overview", do: "lg:border-b-se-blue", else: "lg:border-b-transparent"}"}
class={"option #{if assigns.view == "overview", do: "lg:!border-b-se-blue", else: "lg:border-b-transparent"}"}
phx-click="select-view"
,
phx-value-view="overview"
>
Overview
</div>
<div
class={"option #{if assigns.view == "transactions", do: "lg:border-b-se-blue", else: "lg:border-b-transparent"}"}
class={"option #{if assigns.view == "transactions", do: "lg:!border-b-se-blue", else: "lg:border-b-transparent"}"}
phx-click="select-view"
,
phx-value-view="transactions"
Expand Down
8 changes: 4 additions & 4 deletions lib/starknet_explorer_web/live/transaction_live.ex
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,31 +44,31 @@ defmodule StarknetExplorerWeb.TransactionLive do
</div>
<div class="options hidden">
<div
class={"option #{if assigns.transaction_view == "overview", do: "lg:border-b-se-blue", else: "lg:border-b-transparent"}"}
class={"option #{if assigns.transaction_view == "overview", do: "lg:!border-b-se-blue", else: "lg:border-b-transparent"}"}
phx-click="select-view"
,
phx-value-view="overview"
>
Overview
</div>
<div
class={"option #{if assigns.transaction_view == "events", do: "lg:border-b-se-blue", else: "lg:border-b-transparent"}"}
class={"option #{if assigns.transaction_view == "events", do: "lg:!border-b-se-blue", else: "lg:border-b-transparent"}"}
phx-click="select-view"
,
phx-value-view="events"
>
Events <span class="gray-label text-sm">Mocked</span>
</div>
<div
class={"option #{if assigns.transaction_view == "message_logs", do: "lg:border-b-se-blue", else: "lg:border-b-transparent"}"}
class={"option #{if assigns.transaction_view == "message_logs", do: "lg:!border-b-se-blue", else: "lg:border-b-transparent"}"}
phx-click="select-view"
,
phx-value-view="message_logs"
>
Message Logs <span class="gray-label text-sm">Mocked</span>
</div>
<div
class={"option #{if assigns.transaction_view == "internal_calls", do: "lg:border-b-se-blue", else: "lg:border-b-transparent"}"}
class={"option #{if assigns.transaction_view == "internal_calls", do: "lg:!border-b-se-blue", else: "lg:border-b-transparent"}"}
phx-click="select-view"
,
phx-value-view="internal_calls"
Expand Down

0 comments on commit acaddd7

Please sign in to comment.