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: ; --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 { .static {
position: static; position: static;
} }
@ -665,14 +631,29 @@ video {
border-color: rgb(20 184 166 / var(--tw-border-opacity)); border-color: rgb(20 184 166 / var(--tw-border-opacity));
} }
.bg-slate-700 { .border-purple-600 {
--tw-bg-opacity: 1; --tw-border-opacity: 1;
background-color: rgb(51 65 85 / var(--tw-bg-opacity)); border-color: rgb(147 51 234 / var(--tw-border-opacity));
} }
.bg-slate-800 { .border-purple-500 {
--tw-bg-opacity: 1; --tw-border-opacity: 1;
background-color: rgb(30 41 59 / var(--tw-bg-opacity)); 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 { .bg-slate-900 {
@ -680,6 +661,21 @@ video {
background-color: rgb(15 23 42 / var(--tw-bg-opacity)); 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 { .p-2 {
padding: 0.5rem; padding: 0.5rem;
} }

2
templates/.layout.html
View File

@ -7,7 +7,7 @@
<link rel="stylesheet" href="../static/style/output.css" /> <link rel="stylesheet" href="../static/style/output.css" />
{% block head %}{% endblock %} {% block head %}{% endblock %}
</head> </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 %} {% block body %} {% endblock %}
</body> </body>
{% for file in js_files %} {% for file in js_files %}

10
templates/app.html
View File

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