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
2023-12-21 23:54:18 +05:30
parent 64248f09d6
commit 45325ea183
5 changed files with 16 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Card.css
+9 -5
View File
@@ -3,11 +3,17 @@
display: flex;
background-color: var(--background-secondary);
background-position: 100%;
border: 1px solid transparent;
border-radius: var(--spacing-03);
height: 136px;
position: relative;
box-shadow: 0px 2px 4px 0px rgba(22, 22, 22, 0.08), 0px 8px 12px -8px rgba(22, 22, 22, 0.08);
--shadow-color: rgb(0 0 0 / 0.04);
box-shadow: 0px 0px 0px 1px var(--shadow-color),
0px 1px 1px -0.5px var(--shadow-color),
0px 3px 3px -1.5px var(--shadow-color),
0px 6px 6px -3px var(--shadow-color),
0px 12px 12px -6px var(--shadow-color),
0px 24px 24px -12px var(--shadow-color);
transition:all .12s ease-out;
}
.link-card>a {
@@ -23,11 +29,9 @@ p {
.link-card:is(:hover, :focus-within) {
background-position: 0;
border: 1px solid var(--border);
--shadow-color: rgb(0 0 0 / 0.06);
}
.link-card:is(:hover, :focus-within) h6 {}
p.distribution {
margin: var(--spacing-00);
position: absolute;
src/components/CategoryNavItem.css
+1
View File
@@ -5,6 +5,7 @@
outline: none;
background: none;
cursor: pointer;
font-weight: 500;
}
.nav__item:hover {
src/data/tools.json
+2 -2
View File
@@ -271,7 +271,7 @@
]
},
{
"title": "🎨 Design Tools",
"title": "🎨 Design",
"category": "design-tools",
"content": [
{
@@ -439,7 +439,7 @@
]
},
{
"title": "🖥 Developer Tools",
"title": "🖥 Developer",
"category": "developer-tools",
"content": [
{
src/layouts/Layout.astro
+4 -7
View File
@@ -35,13 +35,13 @@ const { site, title, tagline } = Astro.props;
<body>
<div class="floating-nav">
<div class="logo">
<a href="/"><img src="/icon.png" width="24" alt="Rise of Machines"></a>
<a href="/"><img src="/icon.png" width="24" alt="Rise of Machine"></a>
</div>
<div class="btn-group">
<a
href="https://forms.gle/pzpG1cbxW6AA57uc9"
target="_blank"
class="submit-btn">Submit</a
class="submit-btn">Submit a New Tool</a
>
<button
class="theme-toggle"
@@ -56,10 +56,6 @@ const { site, title, tagline } = Astro.props;
height="24"
fill="none"
><path
fill="var(--icon-secondary)"
fill-opacity=".16"
d="M8.57 17.93A5.98 5.98 0 0 1 6 13c0-3.31 2.69-6 6-6s6 2.69 6 6c0 2.05-1.03 3.86-2.6 4.94"
></path><path
stroke="var(--icon-secondary)"
stroke-linecap="round"
stroke-miterlimit="10"
@@ -159,7 +155,7 @@ const { site, title, tagline } = Astro.props;
align-items: center;
}
.submit-btn {
padding: 8px 24px;
padding: .5625rem .9375rem;
border: 1px solid var(--border-muted);
outline: none;
text-decoration: none;
@@ -169,6 +165,7 @@ const { site, title, tagline } = Astro.props;
background-color: var(--background);
box-shadow: none;
border-radius: var(--spacing-03);
font-size: var(--desktop-body-sm);
&:hover {
background-color: var(--background-secondary);