refactor(app): refreshed app's look&feel, improved responsiveness, viewport width and elements' alignment

This commit is contained in:
2026-03-28 14:40:15 +01:00
parent d762cb0536
commit 8392e2fa29
13 changed files with 288 additions and 284 deletions
+18 -13
View File
@@ -1,21 +1,19 @@
<template>
<section class="stock-list-tab">
<div class="tab_content">
<!-- Stock Actions -->
<StockActions />
<!-- Stock Actions -->
<StockActions />
<!-- Stock Specs -->
<StockSpecs />
<!-- Stock Specs -->
<StockSpecs />
<!-- Stock Spawn Settings -->
<StockSpawnSettings />
<!-- Stock Spawn Settings -->
<StockSpawnSettings />
<!-- Stock Warnings -->
<StockWarnings />
<!-- Stock Warnings -->
<StockWarnings />
<!-- Stock List -->
<StockList />
</div>
<!-- Stock List -->
<StockList />
</section>
</template>
@@ -42,7 +40,14 @@ export default defineComponent({
</script>
<style lang="scss" scoped>
@use '@/styles/tab';
@use '../../styles/tab';
.stock-list-tab {
display: grid;
grid-template-rows: auto auto auto auto 1fr;
gap: 0.5em;
overflow: hidden;
}
.tab_content {
display: flex;