Jonas_Jones/jonasjones.dev
1
0
Fork 0
mirror of https://github.com/JonasunderscoreJones/jonasjones.dev.git synced 2025-10-23 08:59:19 +02:00
Code Issues Projects Releases Packages Wiki Activity

fixed overlapping text

Browse source
This commit is contained in:
Jonas_Jones 2023-07-24 03:07:23 +02:00
parent b3a7595a5e
commit 94319da029
1 changed files with 8 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/routes/projects/+page.svelte
View file

@ -204,6 +204,10 @@ function handleSearch() {
padding-right: 10px; padding-right: 10px;
} }
.smaller-screen {
display: none;
}
@media only screen and (max-width: 620px) { @media only screen and (max-width: 620px) {
.project-container { .project-container {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
@ -213,6 +217,9 @@ function handleSearch() {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.smaller-screen {
display: block;
}
} }
</style> </style>
@ -274,7 +281,7 @@ function handleSearch() {
{#each searchResults as project} {#each searchResults as project}
<div class="project"> <div class="project">
<!-- svelte-ignore a11y-missing-attribute --> <!-- svelte-ignore a11y-missing-attribute -->
<h2 class="project-title">{project.title}<a class="project-status" style="color: {project.statuscolor};border-color:{project.statuscolor}">{project.status}</a><a class="project-version">{project.version}</a></h2> <h2 class="project-title">{project.title}<br class="smaller-screen"><br class="smaller-screen"><a class="project-status" style="color: {project.statuscolor};border-color:{project.statuscolor}">{project.status}</a><a class="project-version">{project.version}</a></h2>
<p class="project-description">{project.description}</p> <p class="project-description">{project.description}</p>
<div class="project-bg"> <div class="project-bg">
<img src="/project-banners/{project.backgroud}" alt=" " /> <img src="/project-banners/{project.backgroud}" alt=" " />