nathalie
/
pedi2
3
3
Fork 1
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>
<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="columns">
<div class="column is-three-quarters">
<div class="column">
<p class="title is-6">
{{ producto.nombre }}
</p>
@ -102,9 +102,18 @@ export default {
<style lang="scss" scoped>
@use "bulma/sass/utilities/mixins";
@include mixins.desktop {
.min-width {
@include mixins.until(mixins.$desktop) {
.hidden-until-desktop {
display: none;
}
}
@include mixins.from(mixins.$desktop) {
.min-width-from-desktop {
min-width: 25rem;
}
.hidden-from-desktop {
display: none;
}
}
</style>