libsoc/site-libsoc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update

Browse Source
This commit is contained in:
a-ill
2023-06-26 23:14:59 +03:00
parent 23fc88d343
commit e83893a888
6 changed files with 69 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
Server/app/svelte/public/css/common.css
View File

@@ -503,30 +503,30 @@ html {
@media only screen and (max-width: 660px) {
html {
font-size: 14px;
font-size: 15px;
}
}
@media only screen and (max-width: 570px) {
html {
font-size: 13px;
font-size: 14.5px;
}
}
/*
@media only screen and (max-width: 470px) {
html {
font-size: 11px;
font-size: 14px;
}
}
@media only screen and (max-width: 400px) {
html {
font-size: 10px;
font-size: 13.5px;
}
}
@media only screen and (max-width: 360px) {
html {
font-size: 9px;
font-size: 13px;
}
}*/
}

40
Server/app/svelte/src/affiliates-component.svelte
View File

@@ -35,17 +35,17 @@
<h4>Online</h4>
{#each affiliates as affiliate}
<div class="location-info">
<div>
<div>
<p><b>Name: </b>{affiliate.name}</p>
<p><b>Type: </b>{affiliate.type}</p>
<p><b>Link: </b><a href={affiliate.link} target=;_blank; rel=noreferrer>{affiliate.link}</a></p>
</div>
<div class="img-general-info">
<picture>
<source srcset={"/img/affiliates/"+affiliate.logo+".webp"}>
<source srcset={"/img/affiliates/"+affiliate.logo+".png"}>
<img class="affiliate-logo" alt="logo">
</picture>
<div>
<p><b>Name: </b>{affiliate.name}</p>
<p><b>Type: </b>{affiliate.type}</p>
<p><b>Link: </b><a href={affiliate.link} target=;_blank; rel=noreferrer>{affiliate.link}</a></p>
</div>
</div>
<p><b>Description: </b>{affiliate.description}</p>
</div>
@@ -70,16 +70,16 @@
margin-top: 8rem;
}
.location-info>:first-child {
.img-general-info {
display: flex;
align-content: center;
width: 100%;
justify-content: space-between;
gap: 3rem;
gap: 1.5rem;
align-items: center;
margin-bottom: 1rem;
}
.location-info>:first-child>:first-child {
.img-general-info>:nth-child(2) {
flex:none;
}
@@ -146,4 +146,24 @@
text-align: justify;
}
@media only screen and (max-width: 500px) {
.img-general-info {
display: flex;
flex-direction: column;
align-content: left;
width: 100%;
gap: 1.5rem;
align-items: left;
margin-bottom: 0rem;
}
.img-general-info>:nth-child(1) {
width: max-content;
}
.img-general-info>:nth-child(2) {
width: 100%;
}
}
</style>

26
Server/app/svelte/src/cooperatives-component.svelte
View File

@@ -31,7 +31,7 @@
<h4>Europe</h4>
{#each coops as coop}
<div class="location-info">
<div>
<div class="img-general-info">
<div>
<p><b>Name: </b>{coop.name}</p>
<p><b>Location: </b>{coop.location[0]}</p>
@@ -69,7 +69,7 @@
margin-top: 8rem;
}
.location-info>:first-child {
.img-general-info {
display: flex;
align-content: center;
width: 100%;
@@ -78,7 +78,7 @@
align-items: center;
}
.location-info>:first-child>:first-child {
.img-general-info>:first-child {
flex:none;
}
@@ -144,4 +144,24 @@
text-align: justify;
}
@media only screen and (max-width: 600px) {
.img-general-info {
display: flex;
flex-direction: column-reverse;
align-content: left;
width: 100%;
gap: 1rem;
align-items: left;
margin-bottom: 0rem;
}
.img-general-info>:nth-child(2) {
width: max-content;
}
.img-general-info>:nth-child(1) {
width: 100%;
}
}
</style>