mstoeck3/forensic-pathways
2
0
Fork 0
Code Issues 8 Pull Requests Projects Releases Activity

fix stylesheet

Browse Source
This commit is contained in:
overcuriousity 2025-08-10 22:15:12 +02:00
parent e6cee2ab0e
commit 2fcc84991a
1 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/styles/global.css
View File

@ -682,11 +682,13 @@ input[type="checkbox"] {
================================================================= */ ================================================================= */
.tool-card { .tool-card {
height: 300px; min-height: 300px;
max-height: 350px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 1.25rem; padding: 1.25rem;
cursor: pointer; cursor: pointer;
overflow: hidden;
} }
.tool-card-header { .tool-card-header {
@ -695,6 +697,7 @@ input[type="checkbox"] {
align-items: flex-start; align-items: flex-start;
min-height: 2.5rem; min-height: 2.5rem;
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
flex-shrink: 0;
} }
.tool-card-header h3 { .tool-card-header h3 {
@ -723,6 +726,7 @@ input[type="checkbox"] {
font-size: 0.875rem; font-size: 0.875rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
word-break: break-word; word-break: break-word;
flex-shrink: 0;
} }
.tool-card-metadata { .tool-card-metadata {
@ -731,6 +735,7 @@ input[type="checkbox"] {
gap: 1rem; gap: 1rem;
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
line-height: 1; line-height: 1;
flex-shrink: 0;
} }
.metadata-item { .metadata-item {
@ -759,10 +764,11 @@ input[type="checkbox"] {
flex-wrap: wrap; flex-wrap: wrap;
gap: 0.25rem; gap: 0.25rem;
max-height: 3.5rem; max-height: 3.5rem;
min-height: 0;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
margin-bottom: 1rem; margin-bottom: 1rem;
flex-shrink: 0; flex: 0 0 3.5rem;
} }
.tool-tags-container::after { .tool-tags-container::after {
@ -796,6 +802,8 @@ input[type="checkbox"] {
.tool-card-buttons { .tool-card-buttons {
margin-top: auto; margin-top: auto;
flex-shrink: 0; flex-shrink: 0;
flex-basis: auto;
min-height: 0;
} }
.button-row { .button-row {
@ -3522,6 +3530,16 @@ footer {
width: 14px; width: 14px;
height: 14px; height: 14px;
} }
.tool-card {
min-height: 280px;
max-height: 320px;
}
.tool-tags-container {
max-height: 3rem;
flex: 0 0 3rem;
}
} }
@media (width <= 640px) { @media (width <= 640px) {