OceanSlim/dwm-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

styling changes

Browse Source
This commit is contained in:
0ceanSlim 2024-02-05 16:35:43 -05:00
parent 1c9b97172e
commit 1989920496
3 changed files with 42 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
static/style/output.css
View File

@ -540,40 +540,6 @@ video {
--tw-backdrop-sepia: ;
}
.container {
width: 100%;
}
@media (min-width: 640px) {
.container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.container {
max-width: 1536px;
}
}
.static {
position: static;
}
@ -665,14 +631,29 @@ video {
border-color: rgb(20 184 166 / var(--tw-border-opacity));
}
.bg-slate-700 {
--tw-bg-opacity: 1;
background-color: rgb(51 65 85 / var(--tw-bg-opacity));
.border-purple-600 {
--tw-border-opacity: 1;
border-color: rgb(147 51 234 / var(--tw-border-opacity));
}
.bg-slate-800 {
--tw-bg-opacity: 1;
background-color: rgb(30 41 59 / var(--tw-bg-opacity));
.border-purple-500 {
--tw-border-opacity: 1;
border-color: rgb(168 85 247 / var(--tw-border-opacity));
}
.border-purple-400 {
--tw-border-opacity: 1;
border-color: rgb(192 132 252 / var(--tw-border-opacity));
}
.border-orange-400 {
--tw-border-opacity: 1;
border-color: rgb(251 146 60 / var(--tw-border-opacity));
}
.border-slate-400 {
--tw-border-opacity: 1;
border-color: rgb(148 163 184 / var(--tw-border-opacity));
}
.bg-slate-900 {
@ -680,6 +661,21 @@ video {
background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}
.bg-gray-800 {
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.bg-gray-900 {
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.bg-neutral-800 {
--tw-bg-opacity: 1;
background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}
.p-2 {
padding: 0.5rem;
}

2
templates/.layout.html
View File

@ -7,7 +7,7 @@
<link rel="stylesheet" href="../static/style/output.css" />
{% block head %}{% endblock %}
</head>
<body class="content-center justify-center p-2 m-2 font-mono text-white bg-slate-800">
<body class="content-center justify-center p-2 m-2 font-mono text-white bg-neutral-800">
{% block body %} {% endblock %}
</body>
{% for file in js_files %}

10
templates/app.html
View File

@ -21,7 +21,7 @@
<iframe
id="monsterIframe"
src=""
class="pl-2 pr-2 ml-4 border-2 border-teal-500 rounded-md"
class="pl-2 pr-2 ml-4 border-2 rounded-md border-slate-400"
height="456"
width="280"
>
@ -30,7 +30,7 @@
<iframe
id="monsterSpriteIframe"
src=""
class="p-2 ml-8 border-2 border-teal-500 rounded-md"
class="p-2 ml-8 border-2 rounded-md border-slate-400"
height="200"
width="200"
>
@ -38,7 +38,7 @@
<iframe
id="breedingIframe"
src=""
class="p-2 mt-4 border-2 border-teal-500 rounded-md"
class="p-2 mt-4 border-2 rounded-md border-slate-400"
height="200"
width="272"
>
@ -57,11 +57,11 @@
repository. Feel free to explore the code, report issues, and submit pull
requests.
</p>
<div class="mt-4 text-purple-400 hover:text-purple-200">
<div class="mt-4 ">
<a
href="https://git.happytavern.co/oceanslim/dwm-app"
target="_blank"
class="text-teal-500 hover:underline"
class="text-purple-400 hover:text-purple-200 hover:underline"
>
View the git repository
</a>