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

Arreglado ancho de columnas

This commit is contained in:
Alejandro Tasistro 2024-09-09 00:14:29 -03:00
parent bb29e34b1b
commit 82ad4dd910
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -46,10 +46,10 @@ export default {
</script> </script>
<template> <template>
<div class="block column min-width"> <div class="block column is-one-quarter-desktop is-full-mobile is-half-tablet min-width-from-desktop">
<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">
<p class="title is-6"> <p class="title is-6">
{{ producto.nombre }} {{ producto.nombre }}
</p> </p>
@ -102,9 +102,18 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@use "bulma/sass/utilities/mixins"; @use "bulma/sass/utilities/mixins";
@include mixins.desktop { @include mixins.until(mixins.$desktop) {
.min-width { .hidden-until-desktop {
display: none;
}
}
@include mixins.from(mixins.$desktop) {
.min-width-from-desktop {
min-width: 25rem; min-width: 25rem;
} }
.hidden-from-desktop {
display: none;
}
} }
</style> </style>