🆙 Move CSS into componets as we use Tailwind

This commit is contained in:
duckietm
2026-02-20 09:04:42 +01:00
parent d0ff80434c
commit f961e29bd1
17 changed files with 18 additions and 144 deletions
-28
View File
@@ -1,28 +0,0 @@
.nitro-chat-history {
background-color: #f0f0f0;
width: 400px;
height: 400px;
}
.nitro-chat-history .nitro-card-content {
height: 100%;
background-image: url('@/assets/images/chat/chathistory_background.png');
background-repeat: repeat;
background-size: auto;
background-color: #f0f0f0;
}
.nitro-chat-history .p-1.slide-in {
animation: slideIn 0.3s ease-out;
}
@keyframes slideIn {
0% {
transform: translateY(-20px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
-13
View File
@@ -1,13 +0,0 @@
.nitro-room-thumbnail-camera {
width: 132px;
height: 192px;
background-image: url('@/assets/images/room-widgets/thumbnail-widget/thumbnail-camera-spritesheet.png');
.camera-frame {
position: absolute;
width: 110px;
height: 110px;
margin-top: 30px;
margin-left: 3px;
}
}
@@ -1,9 +0,0 @@
.nitro-floorplan-editor {
width: 760px;
height: 500px;
}
.floorplan-import-export {
width: 630px;
height: 475px;
}
-29
View File
@@ -1,29 +0,0 @@
:root {
--inventory-width: 528px;
--inventory-height: 420px;
}
.nitro-inventory {
width: var(--inventory-width);
height: var(--inventory-height);
min-width: var(--inventory-width);
min-height: var(--inventory-height);
}
.empty-image {
background: url("@/assets/images/inventory/empty.png");
background-repeat: no-repeat;
width: 129px;
height: 181px;
}
.trade-button {
min-height: 0;
font-size: 8px;
padding: 1px 2px;
z-index: 5;
}
.quantity-input {
width: 49px;
}
-38
View File
@@ -1,38 +0,0 @@
.nitro-loading {
position: relative;
background-image: radial-gradient(#1d1a24, #003a6b);
z-index: 100;
}
.nitro-loading_animation {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 0;
left: 0;
background: url('@/assets/images/loading/loading.gif') no-repeat top left;
width: 84px;
height: 84px;
zoom: 1.5;
image-rendering: pixelated;
}
.nitro-loading_logo {
position: absolute;
top: 20px;
left: 20px;
background: url('@/assets/images/notifications/coolui.png') no-repeat top left;
width: 150px;
height: 100px;
z-index: 2;
}
.nitro-loading_text {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
z-index: 3;
}
-4
View File
@@ -1,4 +0,0 @@
.nitro-chat-history {
width: 300px;
height: 200px;
}