ekzyis
/
delphi.market
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix CSS on /about for large screens

This commit is contained in:
ekzyis 2023-12-03 07:14:04 +01:00
parent ceefec61cd
commit 6ab8e975fb
1 changed files with 23 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
vue/src/views/AboutView.vue
View File

@ -8,7 +8,7 @@
| (_| | |_) | (_) | |_| | |_ | (_| | |_) | (_) | |_| | |_
\__,_|_.__/ \___/ \__,_|\__|</pre> \__,_|_.__/ \___/ \__,_|\__|</pre>
</div> </div>
<div class="text-left mx-3"> <div id="container2" class="text-left mx-3">
<h1>What is this?</h1> <h1>What is this?</h1>
<div class="mx-1"> <div class="mx-1">
delphi.market is a prediction market based on the bitcoin lightning network. delphi.market is a prediction market based on the bitcoin lightning network.
@ -38,4 +38,26 @@ h1 {
margin-top: 0.75em; margin-top: 0.75em;
margin-bottom: 0.25em; margin-bottom: 0.25em;
} }
#container2 {
max-width: 33vw;
}
@media only screen and (max-width: 1024px) {
#container2 {
max-width: 80vw;
}
}
@media only screen and (max-width: 768px) {
#container2 {
max-width: 90vw;
}
}
@media only screen and (max-width: 640px) {
#container2 {
max-width: 100vw;
}
}
</style> </style>