felix
/
pedi2
forked from nathalie/pedi2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Cambios de estilo

This commit is contained in:
Alejandro Tasistro 2024-08-30 00:10:50 -03:00
parent 6d58524823
commit 18ede25c16
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
resources/js/components/ProductoCard.vue
View File

@ -40,7 +40,7 @@ export default {
</script> </script>
<template> <template>
<div class="block column is-half-desktop is-full-mobile is-full-tablet"> <div class="block column min-width">
<div class="box" style="height:100%"> <div class="box" style="height:100%">
<div class="columns"> <div class="columns">
<div class="column is-three-quarters"> <div class="column is-three-quarters">
@ -93,6 +93,12 @@ export default {
</div> </div>
</template> </template>
<style scoped> <style lang="scss" scoped>
@use "bulma/sass/utilities/mixins";
@include mixins.desktop {
.min-width {
min-width: 25rem;
}
}
</style> </style>

2
resources/js/components/ProductosContainer.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div v-show="visible" class="container is-max-desktop"> <div v-show="visible" class="block ml-6 mr-6">
<div class="columns is-multiline is-mobile"> <div class="columns is-multiline is-mobile">
<producto-card v-for="(producto,i) in productos" :key="i" :producto="producto"> <producto-card v-for="(producto,i) in productos" :key="i" :producto="producto">
</producto-card><!-- END BLOCK COLUMN --> </producto-card><!-- END BLOCK COLUMN -->