minor layout fixes to guestbook
This commit is contained in:
parent
c2e5e1c3cd
commit
0627504daa
|
@ -24,7 +24,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
article {
|
article {
|
||||||
width: 90%;
|
width: 100%;
|
||||||
margin: 2rem auto;
|
margin: 2rem auto;
|
||||||
display: grid;
|
display: grid;
|
||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
|
@ -86,6 +86,9 @@
|
||||||
.gb-index {
|
.gb-index {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
.gb-name, .gb-date, .gb-index {
|
||||||
|
min-width: calc(var(--bodywidth) / 3);
|
||||||
|
}
|
||||||
@media only screen and (hover: none) {
|
@media only screen and (hover: none) {
|
||||||
form td:first-child {
|
form td:first-child {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
@ -100,18 +103,9 @@
|
||||||
border-bottom: 2px solid #888888;
|
border-bottom: 2px solid #888888;
|
||||||
}
|
}
|
||||||
article {
|
article {
|
||||||
width: 100%;
|
|
||||||
margin: 2rem auto;
|
margin: 2rem auto;
|
||||||
}
|
}
|
||||||
article td:nth-child(2) {
|
@media (max-width: 43rem) {
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
article td:last-child {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
article td:first-child {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
article {
|
article {
|
||||||
grid-template-areas:
|
grid-template-areas:
|
||||||
'gb-name gb-name gb-index'
|
'gb-name gb-name gb-index'
|
||||||
|
@ -122,6 +116,7 @@
|
||||||
'gb-reply gb-reply gb-reply';
|
'gb-reply gb-reply gb-reply';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
@media (prefers-contrast: more) {
|
@media (prefers-contrast: more) {
|
||||||
input[type="text"], input[type="email"], textarea {
|
input[type="text"], input[type="email"], textarea {
|
||||||
outline: 1px solid white;
|
outline: 1px solid white;
|
||||||
|
@ -209,7 +204,7 @@
|
||||||
$coolsanitized = htmlentities(preg_replace("/https?:\/\//i", "", $cool));
|
$coolsanitized = htmlentities(preg_replace("/https?:\/\//i", "", $cool));
|
||||||
$reply = htmlentities($post->reply);
|
$reply = htmlentities($post->reply);
|
||||||
|
|
||||||
$output = $output."<hr><article><div style='grid-area:gb-name;'>";
|
$output = $output."<hr><article><div style='grid-area:gb-name;' class='gb-name'>";
|
||||||
if($website) { $output = $output."<a href='$website'>$name</a>"; }
|
if($website) { $output = $output."<a href='$website'>$name</a>"; }
|
||||||
else { $output = $output.$name; }
|
else { $output = $output.$name; }
|
||||||
$output = $output."</div><div style='grid-area:gb-date;' class='gb-date'>$date</div><div style='grid-area:gb-index;' class='gb-index'>Entry #$index</div>";
|
$output = $output."</div><div style='grid-area:gb-date;' class='gb-date'>$date</div><div style='grid-area:gb-index;' class='gb-index'>Entry #$index</div>";
|
||||||
|
|
Loading…
Reference in a new issue