diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6238eb83e..ad3d94280 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -63,6 +63,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Bug fixes
+- [#235](https://github.com/alleslabs/celatone-frontend/pull/235) Fix css bugs and aesthetics improvement
- [#236](https://github.com/alleslabs/celatone-frontend/pull/236) Add alphabetically sorting to JSON attach funds
- [#231](https://github.com/alleslabs/celatone-frontend/pull/231) Fix double slash for endpoint, disable calling endpoint when there is no contract addr in contract details page
- [#229](https://github.com/alleslabs/celatone-frontend/pull/229) Disable Sentry debug to prevent "logger.info is not a function" error
diff --git a/src/lib/components/ContractSelectSection.tsx b/src/lib/components/ContractSelectSection.tsx
index f47bd541b..9d99daf82 100644
--- a/src/lib/components/ContractSelectSection.tsx
+++ b/src/lib/components/ContractSelectSection.tsx
@@ -120,7 +120,9 @@ const ContractDetailsButton = ({
variant="outline-gray"
float="right"
size="sm"
- leftIcon={}
+ leftIcon={
+
+ }
>
Add To List
diff --git a/src/lib/components/copy/Copier.tsx b/src/lib/components/copy/Copier.tsx
index c1fcc55c8..b526dda75 100644
--- a/src/lib/components/copy/Copier.tsx
+++ b/src/lib/components/copy/Copier.tsx
@@ -31,7 +31,7 @@ export const Copier = ({
marginLeft={ml}
onClick={() => AmpTrack(AmpEvent.USE_COPIER)}
name="copy"
- boxSize="16px"
+ boxSize="12px"
/>
}
/>
diff --git a/src/lib/components/json/JsonReadOnly.tsx b/src/lib/components/json/JsonReadOnly.tsx
index 6d58fb483..cc560b587 100644
--- a/src/lib/components/json/JsonReadOnly.tsx
+++ b/src/lib/components/json/JsonReadOnly.tsx
@@ -40,7 +40,7 @@ const JsonReadOnly = ({
const zeroHeight = height === 0;
return (
}
cursor="pointer"
onChange={onPageSizeChange}
>
@@ -71,6 +70,7 @@ export const Pagination = ({
+
{`${offsetData} - ${lastDataInPage} of ${totalData}`}
diff --git a/src/lib/components/select-contract/SelectContractAdmin.tsx b/src/lib/components/select-contract/SelectContractAdmin.tsx
index babfdddfe..b6fb87ff5 100644
--- a/src/lib/components/select-contract/SelectContractAdmin.tsx
+++ b/src/lib/components/select-contract/SelectContractAdmin.tsx
@@ -66,7 +66,7 @@ export const SelectContractAdmin = ({
}}
leftIcon={
!notSelected ? (
-
+
) : undefined
}
disabled={!address}
diff --git a/src/lib/components/select-contract/SelectContractInstantiator.tsx b/src/lib/components/select-contract/SelectContractInstantiator.tsx
index 6bcd5f3bb..870c85047 100644
--- a/src/lib/components/select-contract/SelectContractInstantiator.tsx
+++ b/src/lib/components/select-contract/SelectContractInstantiator.tsx
@@ -113,7 +113,7 @@ export const SelectContractInstantiator = ({
}}
leftIcon={
!notSelected ? (
-
+
) : undefined
}
>
diff --git a/src/lib/components/table/TableTitle.tsx b/src/lib/components/table/TableTitle.tsx
index aa81405f0..2e17344e7 100644
--- a/src/lib/components/table/TableTitle.tsx
+++ b/src/lib/components/table/TableTitle.tsx
@@ -22,12 +22,12 @@ export const TableTitle = ({
{count}
-
+
{helperText}
diff --git a/src/lib/layout/navbar/Collapse.tsx b/src/lib/layout/navbar/Collapse.tsx
index 7b26f0903..ce7f29f40 100644
--- a/src/lib/layout/navbar/Collapse.tsx
+++ b/src/lib/layout/navbar/Collapse.tsx
@@ -77,11 +77,22 @@ export const CollapseNavMenu = ({
_hover={{ bg: "pebble.700", borderRadius: "8px" }}
transition="all .25s ease-in-out"
alignItems="center"
+ position="relative"
bgColor={
isCurrentPage(submenu.slug) ? "pebble.800" : "transparent"
}
borderRadius={isCurrentPage(submenu.slug) ? "8px" : "0px"}
>
+
{submenu.icon && }
{submenu.logo && (
{
const isCurrentPage = useCallback(
(slug: string) => {
- if (network) {
- return slug === "/"
- ? pathName === `/${network}`
- : pathName === `/${network}${slug}`;
+ const networkPath = network ? `/${network}` : "";
+ switch (slug) {
+ // handle home page
+ case "/":
+ return pathName === `${networkPath}`;
+ // handle contract list page and public project page
+ case "/contract-list":
+ case "/public-project":
+ return pathName === `${networkPath}${slug}`;
+ // handle page with query param
+ default:
+ return pathName.includes(`${networkPath}${slug}`);
}
- return pathName === `${slug}`;
},
[network, pathName]
);
diff --git a/src/lib/pages/faucet/index.tsx b/src/lib/pages/faucet/index.tsx
index c514550d0..f2b35d598 100644
--- a/src/lib/pages/faucet/index.tsx
+++ b/src/lib/pages/faucet/index.tsx
@@ -149,7 +149,7 @@ const Faucet = () => {
Osmosis Testnet Faucet
-
+
The faucet provides 10 testnet OSMO per request. Requests are limited to
once per hour for each receiving address and IP address.
diff --git a/src/lib/pages/public-project/components/PublicProjectCard.tsx b/src/lib/pages/public-project/components/PublicProjectCard.tsx
index 690262b82..a27687d71 100644
--- a/src/lib/pages/public-project/components/PublicProjectCard.tsx
+++ b/src/lib/pages/public-project/components/PublicProjectCard.tsx
@@ -17,7 +17,7 @@ export const PublicProjectCard = observer(
({ item, slug }: PublicProjectCardProps) => {
const navigate = useInternalNavigate();
const handleOnClick = () => {
- navigate({ pathname: `/public-project/${slug}` });
+ navigate({ pathname: `/public-project/[slug]`, query: { slug } });
};
const [ref, { clampedText }] = useClampText({
diff --git a/src/lib/pages/query/components/QueryArea.tsx b/src/lib/pages/query/components/QueryArea.tsx
index 71996a1fa..f95c8d764 100644
--- a/src/lib/pages/query/components/QueryArea.tsx
+++ b/src/lib/pages/query/components/QueryArea.tsx
@@ -89,9 +89,9 @@ export const QueryArea = ({
return (
-
+
{contractAddress && (
-
+
Message Suggestions:
)}
@@ -99,7 +99,7 @@ export const QueryArea = ({
button": {
marginInlineStart: "0 !important",
@@ -120,13 +120,13 @@ export const QueryArea = ({
) : (
contractAddress && (
-
+
No QueryMsgs suggestion available
)
)}
-
+