starting refactor styling

2026-01-10 22:19:23 -05:00
parent 9a6fbced15
commit a89d3d7313
24 changed files with 815 additions and 344 deletions
--- a/web/vue-app/src/components/utils/ImagePicker.vue
+++ b/web/vue-app/src/components/utils/ImagePicker.vue
@@ -203,7 +203,7 @@ function updateLocalImage(url: string, file: File) {
 </script>

 <template>
-  <div>
+  <div class="picker">
    <div class="image-scroll">
      <div v-if="loadingImages" class="loading-images">Loading images...</div>
      <div v-else class="image-list">
@@ -268,6 +268,13 @@ function updateLocalImage(url: string, file: File) {
 </template>

 <style scoped>
+.picker {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+}
+
 .image-scroll {
  width: 100%;
  margin: 0.7rem 0 0.2rem 0;