mirror of
https://github.com/System-End/site.git
synced 2026-04-19 22:05:11 +00:00
Merge branch 'main' into my-showcase
This commit is contained in:
commit
7acf8b80fe
6 changed files with 21 additions and 5 deletions
|
|
@ -71,8 +71,8 @@ const CohortCard = ({
|
|||
<div
|
||||
sx={{
|
||||
position: 'absolute',
|
||||
top: '10px',
|
||||
left: '10px',
|
||||
top: '16px',
|
||||
left: '16px',
|
||||
display: 'flex',
|
||||
gap: '5px'
|
||||
}}
|
||||
|
|
|
|||
|
|
@ -16,7 +16,8 @@
|
|||
}
|
||||
|
||||
.card_img {
|
||||
max-width: 200px;
|
||||
width: 100%;
|
||||
max-width: 480px;
|
||||
height: auto;
|
||||
max-height: 100%;
|
||||
aspect-ratio: 1 / 1;
|
||||
|
|
|
|||
|
|
@ -8,6 +8,12 @@
|
|||
grid-gap: 20px;
|
||||
padding: 10px;
|
||||
margin: auto;
|
||||
margin-bottom: 2rem;
|
||||
|
||||
/* quite wide screens */
|
||||
@media (min-width: 481px) {
|
||||
grid-template-columns: repeat(2, 1fr); /* 3 equal-width columns */
|
||||
}
|
||||
|
||||
/* Small screens */
|
||||
@media (min-width: 640px) {
|
||||
|
|
|
|||
|
|
@ -128,7 +128,9 @@ const ProjectView = ({
|
|||
}}
|
||||
>
|
||||
<h1 className="slackey">{title}</h1>
|
||||
<h2>{description}</h2>
|
||||
<h2 sx={{
|
||||
padding: "0 1rem"
|
||||
}}>{description}</h2>
|
||||
<h3>By {user}</h3>
|
||||
|
||||
<div
|
||||
|
|
@ -175,6 +177,7 @@ const ProjectView = ({
|
|||
borderRadius: '5px',
|
||||
position: ['relative', 'relative', 'absolute'],
|
||||
display: 'flex',
|
||||
minWidth: "fit-content",
|
||||
left: '10px',
|
||||
top: '10px',
|
||||
justifyContent: 'center',
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
.image {
|
||||
max-width: 24em;
|
||||
max-height: 100%;
|
||||
/* width: auto; */
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 8px;
|
||||
margin: 0 auto;
|
||||
|
|
|
|||
|
|
@ -157,6 +157,10 @@ SOFTWARE.
|
|||
margin-top: 0;
|
||||
}
|
||||
|
||||
.reactMarkDown summary h1, .reactMarkDown summary h2, .reactMarkDown summary h3, .reactMarkDown summary h4, .reactMarkDown summary h5, .reactMarkDown summary h6 {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.reactMarkDown li p.first {
|
||||
display: inline-block;
|
||||
}
|
||||
|
|
@ -226,6 +230,8 @@ SOFTWARE.
|
|||
|
||||
.reactMarkDown table {
|
||||
padding: 0;
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.reactMarkDown table tr {
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue