caramel/list.fur
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

polishing

Browse Source
This commit is contained in:
planetabhi
2024-12-01 23:23:31 +05:30
parent 46024a651e
commit 8996d9bc17
5 changed files with 12 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/fonts/InterVariable.woff2
BIN
View File
Binary file not shown.
src/components/CategoryNav.css
+1 -5
View File
@@ -4,14 +4,10 @@
white-space: nowrap;
overflow-x: scroll;
/* scrollbar-width: none; /* Firefox */
/* -ms-overflow-style: none; /* Internet Explorer and Edge */
/* -ms-overflow-style: none; /* Internet Explorer and Edge */
position: sticky;
top: 0;
background-color: var(--background);
--shadow-color: rgb(0 0 0 / 0.04);
box-shadow: 0px 0px 0px 0px var(--shadow-color),
0px 1px 1px -0.5px var(--shadow-color),
0px 3px 3px -1.5px var(--shadow-color);
z-index: 999999;
}
src/components/CategoryNavItem.css
+2 -2
View File
@@ -5,7 +5,7 @@
outline: none;
background: none;
cursor: pointer;
border-bottom: 2px solid transparent;
border-bottom: 1px solid transparent;
font-family: var(--body-copy);
font-weight: 400;
color: var(--text-secondary);
@@ -17,5 +17,5 @@
.nav__item.is-active {
color: var(--text-primary);
border-bottom: 3px solid var(--icon-primary);
border-bottom: 1px solid var(--support-info);
}
src/data/tools.json
-7
View File
@@ -1641,13 +1641,6 @@
"title": "Photos",
"category": "photos",
"content": [
{
"title": "Aesthetic Background",
"body": "Aesthetic & background generator.",
"tag": "Free",
"url": "https://www.aestheticbackground.com/?ref=riseofmachine.com",
"date-added": "2024-11-17"
},
{
"title": "BeFunky",
"body": "Edit photos,create graphics & collages.",
src/layouts/Layout.astro
+9 -28
View File
@@ -11,7 +11,7 @@ const { site, title, tagline } = Astro.props;
---
<!doctype html>
<html lang="en" data-new-ui-theme="light">
<html lang="en" data-new-ui-theme="dark--warm">
<head>
<ViewTransitions />
<meta charset="UTF-8" />
@@ -112,11 +112,18 @@ const { site, title, tagline } = Astro.props;
</body>
</html>
<style is:global>
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 100 900;
src: url("/fonts/InterVariable.woff2") format("woff2");
}
:root {
--accent: var(--support-info);
font-family: "Inter", var(--system-ui);
}
html {
font-family: var(--system-ui);
font-family: "Inter", var(--system-ui);
background-color: var(--background);
}
body {
@@ -151,32 +158,6 @@ const { site, title, tagline } = Astro.props;
align-items: center;
z-index: 999999;
}
.floating-nav.is-active {
position: -webkit-sticky;
position: sticky;
animation-name: slideDownNavigation;
animation-duration: 200ms;
animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
animation-fill-mode: both;
animation-iteration-count: 1;
background-color: var(--background);
--shadow-color: rgb(0 0 0 / 0.04);
box-shadow:
0px 0px 0px 0px var(--shadow-color),
0px 1px 1px -0.5px var(--shadow-color),
0px 3px 3px -1.5px var(--shadow-color);
}
@keyframes slideDownNavigation {
from {
top: -20px;
opacity: 0.5;
}
to {
top: 0;
opacity: 1;
}
}
.btn-group {
display: flex;
gap: var(--spacing-03);