Fixed widgets
This commit is contained in:
parent
c5e0b439ad
commit
bb4cbcabe7
2 changed files with 45 additions and 17 deletions
|
|
@ -3,37 +3,25 @@ import 'package:gap/gap.dart';
|
||||||
import 'package:ocbo_esign_mobile/widgets/text_widget.dart';
|
import 'package:ocbo_esign_mobile/widgets/text_widget.dart';
|
||||||
|
|
||||||
class BoxWidget extends StatelessWidget {
|
class BoxWidget extends StatelessWidget {
|
||||||
final String title;
|
|
||||||
final Widget content;
|
final Widget content;
|
||||||
|
final double? circular;
|
||||||
|
// final double? titleSize;
|
||||||
|
|
||||||
const BoxWidget({super.key, required this.title, required this.content});
|
const BoxWidget({super.key, required this.content, this.circular = 8});
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return Container(
|
return Container(
|
||||||
padding: EdgeInsets.all(16),
|
padding: EdgeInsets.all(16),
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
borderRadius: BorderRadius.circular(8),
|
borderRadius: BorderRadius.circular(circular ?? 8),
|
||||||
color: Color.fromRGBO(16, 22, 28, 0.584),
|
color: Color.fromRGBO(16, 22, 28, 0.584),
|
||||||
border: Border.all(color: const Color.fromRGBO(41, 60, 78, 0.914)),
|
border: Border.all(color: const Color.fromRGBO(41, 60, 78, 0.914)),
|
||||||
),
|
),
|
||||||
width: MediaQuery.of(context).size.width - 30,
|
width: MediaQuery.of(context).size.width - 30,
|
||||||
// height: MediaQuery.of(context).size.height / 2.2,
|
|
||||||
child: Column(
|
child: Column(
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
children: [
|
children: [Padding(padding: const EdgeInsets.all(16), child: content)],
|
||||||
if (title.isNotEmpty)
|
|
||||||
Column(
|
|
||||||
children: [
|
|
||||||
Row(
|
|
||||||
mainAxisAlignment: MainAxisAlignment.center,
|
|
||||||
children: [TextWidget(text: title, bold: true, size: 24)],
|
|
||||||
),
|
|
||||||
const Gap(16),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
Padding(padding: const EdgeInsets.all(16), child: content),
|
|
||||||
],
|
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
40
lib/widgets/login_box_widget.dart
Normal file
40
lib/widgets/login_box_widget.dart
Normal file
|
|
@ -0,0 +1,40 @@
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:gap/gap.dart';
|
||||||
|
import 'package:ocbo_esign_mobile/widgets/text_widget.dart';
|
||||||
|
|
||||||
|
class LoginBoxWidget extends StatelessWidget {
|
||||||
|
final String title;
|
||||||
|
final Widget content;
|
||||||
|
|
||||||
|
const LoginBoxWidget({super.key, required this.title, required this.content});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Container(
|
||||||
|
padding: EdgeInsets.all(16),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(8),
|
||||||
|
color: Color.fromRGBO(16, 22, 28, 0.584),
|
||||||
|
border: Border.all(color: const Color.fromRGBO(41, 60, 78, 0.914)),
|
||||||
|
),
|
||||||
|
width: MediaQuery.of(context).size.width - 30,
|
||||||
|
// height: MediaQuery.of(context).size.height / 2.2,
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
if (title.isNotEmpty)
|
||||||
|
Column(
|
||||||
|
children: [
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: [TextWidget(text: title, bold: true, size: 24)],
|
||||||
|
),
|
||||||
|
const Gap(16),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
Padding(padding: const EdgeInsets.all(16), child: content),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue