styling tiles

This commit is contained in:
Tykayn 2023-05-22 16:10:59 +02:00 committed by tykayn
parent 788a9eaf48
commit f5a4715edf
2 changed files with 21 additions and 10 deletions

View File

@ -12,7 +12,6 @@
<component name="ChangeListManager">
<list default="true" id="f0e1128e-d3f4-4b56-88a7-ef7c80dc164c" name="Default Changelist" comment="">
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/Controller/DefaultController.php" beforeDir="false" afterPath="$PROJECT_DIR$/src/Controller/DefaultController.php" afterDir="false" />
<change beforePath="$PROJECT_DIR$/templates/default/index.html.twig" beforeDir="false" afterPath="$PROJECT_DIR$/templates/default/index.html.twig" afterDir="false" />
</list>
<option name="SHOW_DIALOG" value="false" />
@ -199,7 +198,7 @@
<option name="number" value="Default" />
<option name="presentableId" value="Default" />
<updated>1684327639044</updated>
<workItem from="1684327640262" duration="9102000" />
<workItem from="1684327640262" duration="10322000" />
</task>
<servers />
</component>
@ -221,6 +220,10 @@
<option name="ADD_EXTERNAL_FILES_SILENTLY" value="true" />
</component>
<component name="WindowStateProjectService">
<state x="644" y="204" width="631" height="628" key="find.popup" timestamp="1684529041936">
<screen x="0" y="0" width="1920" height="1036" />
</state>
<state x="644" y="204" width="631" height="628" key="find.popup/0.0.1920.1036@0.0.1920.1036" timestamp="1684529041936" />
<state x="623" y="226" width="672" height="678" key="search.everywhere.popup" timestamp="1684331173305">
<screen x="0" y="0" width="1920" height="1036" />
</state>

View File

@ -14,13 +14,21 @@
font: 18px/1.5 sans-serif;
}
figure{
max-height: 422px;
max-width: 479px;
overflow: auto;
padding: 0;
margin: 5px;
}
.example-wrapper img {
width: 100%;
float:left;
min-height: 422px;
}
.example-wrapper strong {
float: left;
margin-top: -4em;
margin-top: -3em;
position: relative;
padding: 0.5em;
background: rgba(0, 0, 0, .7);
@ -35,12 +43,17 @@
}
a{
float:left;
width: 50%;
}
a:hover strong{
color: #ddd;
background: rgba(0, 0, 0, .7);
}
img {
max-width: 90vw;
margin-right: 1em;
/*margin-bottom: 1em;*/
/*width: 600px;*/
}
</style>
<div class="example-wrapper">
@ -76,11 +89,6 @@
</div>
<style>
img {
max-width: 90vw;
margin-right: 1em;
margin-bottom: 1em;
width: 600px;
}
</style>
{% endblock %}