asonix/hyaenidae
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Toolkit: Add thumnbail-like box for nav

Browse source 
Update images to use max-width instead of width
Add margin auto on submission images
This commit is contained in:
asonix 2021-01-24 17:09:44 -06:00
parent 4ca4fe3047
commit 074e326562
2 changed files with 31 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
toolkit/scss/toolkit.scss
View file

@ -43,7 +43,7 @@ body {
img {
display: block;
width: 100%;
max-width: 100%;
height: 100%;
object-fit: contain;
}
@ -100,6 +100,29 @@ img {
border-color: $dark-border;
}
}
.toolkit-thumbnail--border {
padding: 0 8px;
color: $dark;
background-color: $light-background;
.toolkit-thumbnail--border--content {
padding: 16px;
border-style: solid;
border-width: 1px;
border-radius: 3px;
background-color: $white;
border-color: $border-light;
}
}
.toolkit-dark .toolkit-thumbnail--border {
color: $dark-text;
background-color: $dark;
.toolkit-thumbnail--border--content {
background-color: $dark-body;
border-color: $dark-border;
}
}
.toolkit-select {
.toolkit-select--title {

7
toolkit/templates/thumbnail_border.rs.html Normal file
View file

@ -0,0 +1,7 @@
@(body: Content)
<div class="toolkit-thumbnail--border">
<div class="toolkit-thumbnail--border--content">
@:body()
</div>
</div>